我已经检查过了:TinyMCE 增加字体系列下拉字体大小,但我的问题有点不同。我希望在特定文本区域上实例化 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>
唯一的问题是这是一个静态解决方案,而我需要动态地获得这种效果。