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);

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

1 个答案: