Question

我已经检查了这个：TinyMCE increase font family dropdown font sizes但我的问题有点不同。我希望在特定文本区域上实例化一个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');

再次没用。这是一个小提琴：http://fiddle.tinymce.com/EBcaab

有什么想法吗？

编辑2

如果将其硬编码到代码中，那么我正在寻找的效果很容易上面的小提琴：

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

</style>

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

Answer 1

好的，在重新启动编辑器时，需要使用init对象并指定不同的content_css。看看这个小提琴：http://fiddle.tinymce.com/FBcaab/1。您需要创建css文件并使用content_css参数将其嵌入init。