TinyMCE Kodunu Yapıştırırken Durdurmak İçindekiler Kod

Question

En son TinyMCE'yi kullanıyorum, ancak bu tek sorun, insanların kod örnekleri yayınladığında sahip olduğum tek sorun. Bir PRE formatında veya normal olarak yayınlansınlar önemli değil.

TinyMCE, tüm girintileri (Sekmeler) çıkarır ve okunmasını zorlaştırır, buralarda birileri bunun üstesinden gelmeyi başardı mı? Kod örnekleri/örnekleri takdir edilecektir.

Answer 1

Bu sizin işiniz.

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

JS Tutulma dahil birçok kaynaktan gelen kodu yapıştırılan

//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 ve JSFiddle bu JSFiddle

HTML düzgün çalışıyor gibi görünüyor.