5
私は最新のTinyMCEを使用していますが、唯一の問題はコードサンプルを投稿するときです。彼らはそれをPRE形式で投稿しても、ちょうど普通に投稿してもかまいません。TinyMCEのストップコードのインデントを取り除く
TinyMCEはすべてのインデント(タブ)を取り除き、読みにくくします。ここにいる人は誰でもこの問題を回避できますか?コードサンプル/サンプルは高く評価されます。
私は最新のTinyMCEを使用していますが、唯一の問題はコードサンプルを投稿するときです。彼らはそれをPRE形式で投稿しても、ちょうど普通に投稿してもかまいません。TinyMCEのストップコードのインデントを取り除く
TinyMCEはすべてのインデント(タブ)を取り除き、読みにくくします。ここにいる人は誰でもこの問題を回避できますか?コードサンプル/サンプルは高く評価されます。
これはあなたの後ですか?私が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();
}
で正しく動作するようです。