Question

我已安装ckeditor标准，并希望有文字颜色和背景颜色。我使用以下代码安装了colordialog和panelbutton插件，任何想法？

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here.
    // For complete reference see:
    // http://docs.ckeditor.com/#!/api/CKEDITOR.config

    // The toolbar groups arrangement, optimized for two toolbar rows.
    config.toolbar = [
    [ 'SpecialChar', 'Bold', 'Italic', 'Strike', 'Underline',{ name: 'colors', items: [ 'TextColor', 'BGColor' ] }]
];

    config.removePlugins = 'elementspath';
config.resize_enabled = false;

    config.extraPlugins = 'colordialog';



};

Answer 1

您需要colorbutton插件，而不是colordialog。实际上，你可以使用两者，因为颜色对话框扩展了颜色按钮。 “颜色”按钮为您提供设置前景色和背景色的按钮，颜色对话框在基本颜色选择器中添加一个按钮，让您可以从更多颜色中进行选择。有关实时演示和要复制的代码，请参阅Setting Text and Background Color示例。

我还建议使用online builder，因此您不必手动解决依赖关系。详细了解installing plugins。

Answer 2

对于 CKEditor4 - 如果您使用的是完整包并且不尝试将颜色插件添加到基本或标准包，则工具栏名称为“TextColor”。背景颜色是'BGColor'

config.toolbar = [['TextColor', 'BGColor']]

ckeditor 4标准文字颜色

2 个答案: