停止TinyMCE的剝離縮進當粘貼代碼

Question

我使用，這是偉大的最新TinyMCE的，但我唯一的問題是，當人們張貼代碼樣本。無論他們是以PRE格式還是正常發佈都沒關係。

TinyMCE的剔除掉所有的縮進（標籤），並使得它很難看，有沒有人在這裏進行管理來解決這個問題？代碼示例/示例將不勝感激。

Answer 1

這是你以後有什麼。它似乎在這個JSFiddle

HTML正常工作

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

JS

//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(); 
} 

我的代碼粘貼來自多個來源，包括偏食，SO和的jsfiddle。