javascript - 在 ckeditor 中为类添加样式

Question

嗨，我为 CKEDITOR 创建了插件。我想做一个通知栏。当用户单击添加通知框按钮并填写表单时。插件创建这些源代码:

<div class="notice-box">
    <i class="icon-info">info</i>
    <span class="notice-box__info">Lorem ipsum.... </span>
</div>

一切正常。但现在我想为此添加一些样式。 ckeditor 级别的样式不适用于生产。我如何为 CKeditor 添加这些类的样式？

Answer 1

插件和小部件可以添加自己的样式表。例如:

CKEDITOR.plugins.add( 'example', {
    init: function( editor ) {
        var pluginDirectory = this.path;
        editor.addContentsCss( pluginDirectory + 'styles/example.css' );
    }
} );

请参阅文档 here .