कोड

Question

में चिपकाते समय TinyMCE स्ट्रिपिंग इंडेंट्स को रोकें, मैं नवीनतम TinyMCE का उपयोग कर रहा हूं जो कि बहुत अच्छा है, लेकिन मेरे पास एकमात्र समस्या है जब लोग कोड नमूने पोस्ट करते हैं। कोई फर्क नहीं पड़ता कि वे इसे एक प्री प्रारूप में या सामान्य रूप से पोस्ट करते हैं।

टिनीएमसीई सभी इंडेंट्स (टैब) को बाहर निकाल देता है और इसे पढ़ना मुश्किल बनाता है, क्या यहां कोई भी इस पर घूमने में कामयाब रहा है? कोड उदाहरण/नमूने की सराहना की जाएगी।

Answer 1

क्या यह आपके बाद है। यह

<form> 
    <textarea id='editor_instance_1'></textarea> 
</form> 
<button id='post-code-btn'>Post Code</button> 
<div id='post-area'></div> 

जे एस

//create instance of an mce editor 
var ed = new tinymce.Editor('editor_instance_1', { 
    //add custom formats 
    style_formats: [ 
     {title: 'Code', block: 'pre', styles: {'color': '#000', 'font-size': '11px'}}, 
     {title: 'Text', block: 'p', styles: {'color': '#ff0000', 'font-size': '16px'}} 
    ], 
    //force the starting block to pre 
    forced_root_block : 'pre'  
}, tinymce.EditorManager); 

//render the editor on screen 
ed.render(); 

var postButton = document.getElementById('post-code-btn'); 
var postArea = document.getElementById('post-area'); 

postButton.onclick = function(){ 
    //get html structure from the editor instance 
    var code = ed.getBody().innerHTML; 
    //simulate posting of html 
    new Request.HTML({ 
     url: '/echo/html/', 
     data: { 
      html: code, 
      delay: 0 
     }, 
     type: 'post', 
     update: 'post-area',  
    }).send(); 
} 

मैं ग्रहण सहित अनेक स्रोतों से कोड में चिपकाया, अतः और JSFiddle इस JSFiddle

एचटीएमएल पर सही ढंग से काम करने लगता है।