CKEDITOR与自定义工具栏和自定义样式
问题描述:
我有麻烦配置CKEDITOR有自定义样式的自定义工具栏。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);
的问题与样式有关,我不知道它们为什么显示为空
答
问题出在<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);