在 ckeditor 中为 class 添加样式

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。

在 ckeditor 中为 class 添加样式

add style for class in ckeditor

javascript

ckeditor