jquery - 如何自定义ckeditor的工具栏

Question

我正在使用ckeditor，想要自定义工具栏和文本输入区域，因为两个句子之间的间隙太大。我无法找到应该进行更改的toolbar.js 或config.js..

我如何自定义上述两者

Answer 1

Sonal 的答案本身并没有错，但没有提及 CKEDITOR。 FCKeditor 曾经是(现在也是)一个很好的产品，但现在它被新的 CKEditor，因此使用这些配置可能不起作用。

正如您在文档 here 中所读到的那样，您可以通过编辑 config.js 来传递自定义配置选项文件，位于 CKeditor 的根文件夹中(在全新安装中......如果您移动了它，请进行相应操作)

该文件已包含以下行:

CKEDITOR.editorConfig = function( config )
{
        // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
};

您可以在 API DOCS 中找到可用配置的完整列表。 。谈到您的问题，您可以像这样在工具栏中设置您想要/不想要的内容(检查 toolbar §):

// This is actually the default value.
config.toolbar_Full =
[
    { name: 'document',    items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] },
    { name: 'clipboard',   items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
    { name: 'editing',     items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] },
    { name: 'forms',       items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
    '/',
    { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
    { name: 'paragraph',   items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },
    { name: 'links',       items : [ 'Link','Unlink','Anchor' ] },
    { name: 'insert',      items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak' ] },
    '/',
    { name: 'styles',      items : [ 'Styles','Format','Font','FontSize' ] },
    { name: 'colors',      items : [ 'TextColor','BGColor' ] },
    { name: 'tools',       items : [ 'Maximize', 'ShowBlocks','-','About' ] }
];

至于线太高，我不知道你是否想在渲染模式下更改，或者是否想更改 isnerting <p> 的默认行为。每个换行符处的标记。在后一种情况下，使用

config.enterMode = CKEDITOR.ENTER_BR;

详细解释可以查看here (EnterMode §)

如果需要，您还可以使用以下方法在运行时传递自定义配置:

CKEDITOR.replace( '#textarea_id', { customConfig : '/myconfig.js' } );

或者这个(用默认的后备替换您的自定义)

CKEDITOR.replace( '#textarea_id', { customConfig : '' } );