自定义CKEditor工具栏 | 自定义CKEditor工具栏

本文介绍了自定义CKEditor工具栏的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想自定义CKEditor的工具栏。首先，我想有一个工具栏的可用选项的完整列表。我搜索工具栏选项，发现以下不完整的列表。请帮我找到完整的列表，以便我可以根据我的要求选择。

I want to customize the toolbar of CKEditor. First, though, I want to have a complete list of available options for the toolbar. I searched for toolbar options and found the following incomplete list. Please help me to find the complete list so that I can select according to my requirements.

config.toolbar_MyToolbar =
[
    { name: 'document', items : [ 'NewPage','Preview' ] },
    { name: 'insert', items : [ 'Image','Flash','Table'] },
    { name: 'styles', items : [ 'Styles','Format' ] },
    { name: 'links', items : [ 'Link','Unlink','Anchor' ] },
    { name: 'tools', items : [ 'Maximize','-','About' ] }
];

推荐答案

=http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar>这里，在文档。也可在其API部分中。

There is an explanation of the toolbar modifications here, in the docs. Also available in their API section, here.

config.toolbar = 'Full';

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','Iframe' ] },
    '/',
    { name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] },
    { name: 'colors', items : [ 'TextColor','BGColor' ] },
    { name: 'tools', items : [ 'Maximize', 'ShowBlocks','-','About' ] }
];

这篇关于自定义CKEditor工具栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！