TinyMCE的自定義主題jQuery UI的

這是一個自定義jQuery UI的主題微小的MCE的例子：
http://fiddle.tinymce.com/IDbaab TinyMCE的自定義主題jQuery UI的

，這是啓用了所有功能的小MCE的例子：
http://fiddle.tinymce.com/baaaab

如何我可以冒這些2嗎？這樣

'<input type="checkbox" id="bold" data-mce-command="bold" /><label for="bold">B</label>' + 
'<input type="checkbox" id="italic" data-mce-command="italic" /><label for="italic">I</label>' +

寫作一切真的會愚蠢，有沒有更好的和簡單的解決方案？

來源

2012-06-06 Ruben

我使用的CKEditor現在，好多 http://ckeditor.com/
此外，新的微小的編輯器具有改進的主題

來源

2014-03-24 09:31:20 Ruben

我不確定這是否會工作，但無法從「theme_advanced_buttons」選項生成該html？

var html = ''; 
$.each(theme_advanced_buttons.split(',|,'), function(){ 
    $.each(theme_advanced_buttons.split(','), function(id, value){ 
     html += '<input type="checkbox" id="'+value+'" data-mce-command="'+value+'" /><label for="'+value+'">'+value+'</label>'; 
    }); 
    html += 'separator_html'; 
});

你可能需要另一個數組定義顯示的文本（B，I等）

來源

2012-06-06 14:12:05 Thomas

感謝但這是行不通的，你可以在小提琴 – Ruben

中自己嘗試一下，它不是一個隨時可用的解決方案。你只需要調整一下。這個版本http://fiddle.tinymce.com/IDbaab/3的作品，但你必須更換seperator_html，定義一個數組與按鈕文本，並從theme_advanced_buttons2 - 4生成按鈕。 – Thomas

這工作只是得到一些按鈕，但我也需要正確的圖標等。我會找到另一個編輯器 – Ruben

http://fiddle.tinymce.com/IDbaab/2

在這裏，我增加了一個下劃線按鈕

'U' +

上面，複選框是按鈕的類型， data-mce-command屬性定義了它將運行哪個命令和標籤它

你應該爲所有的命令做到這一點...

來源

2012-06-06 14:14:44 efirat

謝謝，但是爲每個命令添加一行代碼太愚蠢了，主題部分是否只是不好實現？ – Ruben

http://fiddle.tinymce.com/IDbaab/4 這可以給你一個想法然而，輸入類型和標籤和值的按鈕更改按鈕... 我認爲你應該寫一個接一個。 – efirat

好的謝謝你的幫助，但是一個一個的寫就是荒謬的，我會找到另一位編輯 – Ruben

TinyMCE的自定義主題jQuery UI的

回答

相關問題