CKEDITOR与自定义工具栏和自定义样式

Question

我有麻烦配置CKEDITOR有自定义样式的自定义工具栏。

这是自定义风格的配置，我加入到config.js

CKEDITOR.stylesSet.add('custom_styles', [ 
    { name: 'Text Bolder', element: 'p', attributes: { 'class': 'validate' }} 
]); 

这是我使用的配置工具栏和样式的代码和初始化工具栏

var cfg = { 
    toolbar: [ 
    [ 'Source', '-', 'Bold', 'Italic',{ name: 'Styles'}] 
    ], 
    stylesSet: 'custom_styles' 
}; 
/* Inline */ 
CKEDITOR.inline('derecha',cfg); 

的问题与样式有关，我不知道它们为什么显示为空

Answer 1

问题出在<p>元素。如果元素是<span>，则前面的代码有效。我认为这是因为内联编辑器是<p>标签

CKEDITOR.stylesSet.add('custom_styles', [ 
{ name: 'Text Bolder', element: 'span', attributes: { 'class': 'validate' }} 
]); 
var cfg = { 
    toolbar: [ 
    [ 'Source', '-', 'Bold', 'Italic',{ name: 'Styles'}] 
    ], 
    stylesSet: 'custom_styles' 
}; 
/* Inline */ 
CKEDITOR.inline('derecha',cfg);