溫馨提示×

fckeditor如何自定義工具欄

小樊
91
2024-06-28 19:56:31
欄目: 編程語言

FCKeditor（現(xiàn)在已更名為CKEditor）是一個開源的富文本編輯器，可以通過自定義工具欄來滿足自己的需求。以下是一些自定義工具欄的方法：

  1. 使用config.toolbar配置選項：可以通過在初始化編輯器時傳遞config.toolbar參數(shù)來自定義工具欄。該參數(shù)接受一個數(shù)組，數(shù)組中的每個元素表示一個工具欄分組。
CKEDITOR.replace( 'editor1', {
    toolbar: [
        { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview' ] },
        { name: 'clipboard', items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
        { name: 'editing', items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] },
        '/',
        { name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] }
    ]
});
  1. 使用config.extraPlugins配置選項：除了默認(rèn)的插件外，還可以通過在初始化編輯器時傳遞config.extraPlugins參數(shù)來添加額外的插件，從而自定義工具欄。
CKEDITOR.replace( 'editor1', {
    extraPlugins: 'justify,font,link,image'
});
  1. 使用config.removeButtons配置選項：可以通過在初始化編輯器時傳遞config.removeButtons參數(shù)來移除默認(rèn)的工具欄按鈕。
CKEDITOR.replace( 'editor1', {
    removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Styles,Format'
});

通過以上方法，您可以根據(jù)自己的需求輕松自定義FCKeditor的工具欄。

0 踩