适用于自定义样式的TinyMCE importcss插件

时间:2014-12-02 09:58:50

标签: tinymce wysiwyg tinymce-4

我正在尝试使用自定义类来填充样式列表,就像我在v3上使用content_css一样,但它并没有完全通过任何样式。我已遵循此处的说明http://www.tinymce.com/wiki.php/Plugin:importcss。我的插件列表中包含importcss,importcss_append设置为true,content_css和importcss_file_filter设置为正确的文件,但它不会向格式列表添加任何内容。

tinymce.init({
    'plugins': ["advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern moxiemanager importcss"],
    'relative_urls': false,
    'content_css': '/cms/style/blocks_mce.css',
    'importcss_append': true,
    'importcss_file_filter': '/cms/style/blocks_mce.css',
    'menubar': 'file edit insert view format table tools',
    'toolbar1': 'undo redo | bold italic | styleselect',
    'toolbar2': 'bullist numlist | alignleft aligncenter alignright alignjustify | link forecolor | image'
});

肯定会找到CSS文件,好像我改变了路径一样,我在代码中发现错误,说它找不到文件,但是我没有在任何地方列出任何新格式。

我可以手动添加它们:

'style_formats': [
    {title: 'test', classes: 'test'}
]

但这实际上并没有将样式应用于文本,我希望它们像以前一样手动拾取。

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

这很奇怪,content_css应该可以正常工作,另一种设置样式的方法是使用

setStyle

示例:

tinyMCE.DOM.setStyle('mydiv', 'background-color', 'red');

请在此处阅读:http://www.tinymce.com/wiki.php/API3:method.tinymce.dom.DOMUtils.setStyle

答案 1 :(得分:0)

从 TinyMCE 4 开始,这些导入的样式似乎仅在 styleselect 下拉工具栏项中可用。因此您需要将其添加到您的 toolbar 中。