粘贴代码时停止TinyMCE剥离缩进
我使用的是最新的TinyMCE,这很好,但我唯一的问题是人们发布代码示例的时候。不管他们是以预先的格式发布,还是正常发布粘贴代码时停止TinyMCE剥离缩进,tinymce,tinymce-4,rich-text-editor,Tinymce,Tinymce 4,Rich Text Editor,我使用的是最新的TinyMCE,这很好,但我唯一的问题是人们发布代码示例的时候。不管他们是以预先的格式发布,还是正常发布 TinyMCE去掉了所有的缩进(制表符),使它很难阅读,有人在这里设法绕过这一点吗?代码示例/示例将不胜感激。这就是您所需要的。它似乎在这方面工作正常 HTML 我粘贴了来自多个源的代码,包括eclipse、SO和JSFIDLE <form> <textarea id='editor_instance_1'></textarea>
TinyMCE去掉了所有的缩进(制表符),使它很难阅读,有人在这里设法绕过这一点吗?代码示例/示例将不胜感激。这就是您所需要的。它似乎在这方面工作正常 HTML 我粘贴了来自多个源的代码,包括eclipse、SO和JSFIDLE
<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();
}