我正在尝试在CK编辑器中添加新的格式或样式选项,该选项会插入带有类的blockquote。
我添加了几种自定义格式和样式,没有任何问题,但是当尝试创建一种将元素设置为blockquote的样式时,它将不起作用。
格式下拉列表确实显示了该选项,但是该选项不起作用。样式下拉列表甚至不显示该选项。
我的JavaScript在下面,并且here is a JS Fiddle to demonstrate:
CKEDITOR.replace('editor1', {
format_section: {
name: 'Section',
element: 'section'
},
format_blockquote: {
name: 'Blockquote',
element: 'blockquote',
attributes: {
class: 'test-class1'
}
},
format_tags: 'p;section;blockquote',
stylesSet: 'custom_styles'
});
CKEDITOR.stylesSet.add('custom_styles', [
// Block-level styles
{
name: 'Red Title',
element: 'h3',
styles: {
'color': 'Red'
},
attributes: {
'class': 'test'
}
},
{
name: 'Bquote',
element: 'blockquote',
styles: {
'color': 'Red'
},
attributes: {
'class': 'test'
}
},
// Inline styles
{
name: 'Marker: Yellow',
element: 'span',
styles: {
'background-color': 'Yellow'
},
attributes: {
'class': 'test'
}
},
{
name: 'Bquote inline',
element: 'blockquote',
styles: {
'background-color': 'Yellow'
},
attributes: {
'class': 'test'
}
}
]);
注意:我已经启用了默认引用按钮,我们将其用于默认引用样式。