0

我想在工具栏上添加一个自定义按钮。

根据此处的信息:http: //docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar我有这个 config.js:

 config.toolbar = 'MyToolbar';

config.toolbar_MyToolbar =
[
    { 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: ['customImage', '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'] }
];


config.extraPlugins = 'customImage';

但是工具栏没有改变。它保持默认。

4

1 回答 1

0

如果你想给ckeditor添加一些按钮,你必须做3个步骤:

  1. 为按钮编写自己的插件,如下所示:

    (function () { // 点击按钮时的函数 var a = { exec: function (editor) { 点击按钮时的动作 } }, b = 'videomanager'; CKEDITOR.plugins.add(b, { init: function (editor ) { editor.addCommand(b, a); editor.ui.addButton('videomanager', { label: 'Video Manager', icon: this.path + 'videomanager.png', command: b }); } }) ; })();

  2. 在 ckeditor 配置中注册您的插件。

  3. 添加到工具栏

抱歉,我无法格式化我的代码

于 2013-05-14T09:34:48.203 回答