2015-09-05 13 views
5

私は最新のTinyMCEを使用していますが、唯一の問題はコードサンプルを投稿するときです。彼らはそれをPRE形式で投稿しても、ちょうど普通に投稿してもかまいません。TinyMCEのストップコードのインデントを取り除く

TinyMCEはすべてのインデント(タブ)を取り除き、読みにくくします。ここにいる人は誰でもこの問題を回避できますか?コードサンプル/サンプルは高く評価されます。

答えて

2

これはあなたの後ですか?私がSO日食、およびJSFiddleを含む複数のソースからのコードに貼り付け、この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(); 
} 

で正しく動作するようです。

関連する問題