Question

在ckeditor中，我只想允许两种类型的p元素，红色或蓝色。我准备了以下fiddle。问题是，最初，段落格式是纯黑色，既不是蓝色也不是红色。如何在编辑器中设置初始段落格式？

我的contentsCss链接如下：

.clsRed{ 
    color: red;
}

.clsBlue{ 
    color: blue; 
}

ckeditor配置设置如下：

allowedContent: 'p(clsRed,clsBlue)',
format_tags: 'Red;Blue',
format_Red: {'name': 'Red', element: 'p', attributes: {'class': 'clsRed'}},
format_Blue: {'name': 'Blue', element: 'p', attributes: {'class': 'clsBlue'}},

Answer 1

我找到的解决方案是向p元素添加变换，因此每当遇到p时，它都会相应地进行变换。过滤器的工作原理如下：

editor.filter.addTransformations( [
    [{
        element: 'p',
        right: 
            function( el, tools ) 
            {
                // Modify p elements without any class
                if (el.classes == null || el.classes.length == 0) 
                {
                    el.classes = ['clsBlue'];
                }
             }
    }]
]);

ckeditor自定义默认段落

1 个答案: