CKEditor set config.toolbar per instance

CKEditor set config.toolbar per instance

本文关键字:per instance toolbar config set CKEditor      更新时间:2023-09-26

我已经通读了指南,但仍然不确定如何更改toolbar以指向不同的设置。

我的config.js.coffee

CKEDITOR.editorConfig = (config) ->
  config.extraPlugins = 'lite'
  config.toolbar_Basic = [
    { name: 'clipboard',   items: [ 'PasteText','PasteFromWord','-','Undo','Redo' ] },
    { name: 'editing',     items: [ 'Replace' ] },
    { name: 'basicstyles', items: [ 'Bold','Italic','Underline','Subscript','Superscript' ] },
  config.toolbar_Advanced = [
    { name: 'clipboard',   items: [ 'PasteText','PasteFromWord','-','Undo','Redo' ] },
    { name: 'editing',     items: [ 'Replace' ] },
    { name: 'basicstyles', items: [ 'Bold','Italic','Underline','Subscript','Superscript' ] },
    { name: 'lite', items: [ 'lite-toggletracking', '-', 'lite-acceptall', 'lite-acceptone', '-', 'lite-rejectall', 'lite-rejectone' ] },
  ]
  config.toolbar = 'Basic'
  lite = config.lite = config.lite || {}  
  true

有没有一种简单的方法可以在每个实例的BasicAdvanced工具栏之间进行选择?理想情况下,我可以使用添加到textarea的类之类的东西。

调用 CKEditor 时,指定单个CKEditor实例的toolbar,如下所示:

CKEDITOR.replace('editor1', { toolbar: 'Basic' });

CKEDITOR.replace('editor2', { toolbar: 'Advanced' });