在CK Editor 4.5中为格式或样式选项添加blockquote

时间:2018-07-27 15:05:07

标签: javascript format ckeditor ckeditor4.x blockquote

我正在尝试在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'
    }
}
]);

注意:我已经启用了默认引用按钮,我们将其用于默认引用样式。

0 个答案:

没有答案