更改tinymce字体系列菜单';字体大小

更改tinymce字体系列菜单';字体大小,tinymce,themes,font-size,Tinymce,Themes,Font Size,我已经检查过了:但是我的问题有点不同。我希望在特定文本区域上实例化tinyMCE实例时动态更改字体大小 所以我制作了一个CSS文件,上面写着: .mceMenu span.mceText,.mceMenu .mcePreview { font-size: 14px !important; } 并在运行时添加它,如下所示: tinyMCE.settings['content_css'] = "css/tinymcearabic.css"; tinyMCE.execCommand("mce

我已经检查过了:但是我的问题有点不同。我希望在特定文本区域上实例化tinyMCE实例时动态更改字体大小

所以我制作了一个CSS文件,上面写着:

.mceMenu span.mceText,.mceMenu .mcePreview {
    font-size: 14px !important;
}
并在运行时添加它,如下所示:

tinyMCE.settings['content_css'] = "css/tinymcearabic.css";
tinyMCE.execCommand("mceAddControl", false, myel_id);
我已经检查过了,路径是正确的。但这似乎没有什么不同

编辑 如果我将CSS直接添加到使用TinyMCE的页面上,那么字体确实会变大,但我不能保持这种方式,因为菜单取决于触发它的事件

因此,我尝试使用以下方法动态编辑它:

$('.mceText').css('font-size','20px');
同样没有用。 这是一把小提琴:

有什么想法吗

编辑2 如果这是硬编码到代码中的话,我想要的效果很容易在上面得到:

<style>
.mceMenu span.mceText,.mceMenu .mcePreview {
    font-size: 14px !important;
}

</style>

.mceMenu span.mceText.mceMenu.mcePreview{
字体大小:14px!重要;
}

唯一的问题是,这是一个静态解决方案,而我需要动态地获得此效果。

好的,当重新启用编辑器时,您需要使用init对象并分配不同的内容。看看这把小提琴:。
您需要创建css文件并使用content\u css参数将其嵌入init。

您能为此创建一个tinymce提琴吗?(fiddle.tinymce.com/)我已经编辑了这个问题并添加了fiddle链接我只是试了一下你说的,但没有用。我做对了吗?我在小提琴上添加了一个绝对路径,请看这里:顺便问一下,为什么
tinyMCE.settings['content\u css']=“css/tinymcearabic.css”可能是错的?这是错误的,还是应该是正确的,而我可能会弄乱其他东西?不,tinyMCE.settings['content\u css']=“css/tinymcearabic.css”没有错误,但在初始化之前设置值更安全,因为某些设置在初始化期间应用,在初始化之后更改它们不会起任何作用