我目前正在寻找一种方式来设置每个TinyMCE的情况下在一个页面上使用不同的forced_root_block元素。例如:我使我的网页上3个实例。第一个应该被H1第二H2和第三p。
正如我在TinyMCE的文档发现,我可以使用,而的init()TinyMCE的的forced_root_block。但是,如果我初始化如下,我得到了H1作为根标签的所有实例。
有没有一种方法来定义这个参数为每个单个实例?例如设置回调之内?
谢谢你的帮助。
tinyMCE.init({
//...
mode: 'textareas',
editor_selector: 'article_editor',
content_css: '/editorcss/',
forced_root_block: 'h1',
//...
});
我已经找到了我一个解决方案。它可以注册一个回调函数来设置参数。这就是所谓的一次性的TinyMCE的的每个实例。在此回调,可以覆盖editor.settings。所以,我刚才读从我的元素块属性和覆盖在设置这些信息。
tinyMCE.init({
//...
mode: 'textareas',
editor_selector: 'article_editor',
setup: function(ed) {
/**
* We are looking for textareas != basetext and setup their block-tag and attributes
**/
var block_type = $('#' + ed.id).data('block-type');
var block_class = $('#' + ed.id).data('block-class');
var block_style = $('#' + ed.id).data('block-style');
if (block_type != null) {
ed.settings.forced_root_block = block_type;
ed.settings.forced_root_block_attrs = {
'class': block_class ? block_class : '',
'style': block_style ? block_style : ''
}
}
//...