ckeditor - 如何配置CKEditor-4内联编辑器？

Question

我有一个标准安装(如示例):

<meta charset="utf-8"></meta>
<script src="../ckeditor.js"></script>

HTML 内容有很多<div contenteditable="true"> block 。我需要通过本地或外部 configTypeX.js 配置每个编辑器文件，

  <script>
   CKEDITOR.on( 'instanceCreated', function( event ) {
     var editor = event.editor, element = editor.element;
         if ( element.is( 'h1', 'h2', 'h3' ) ) {
        editor.on( 'configLoaded', function() {
            editor.config.toolbar = [
                [ 'Source', '-', 'Bold', 'Italic' ]
            ];  // BUG: about "Source"?? NOT AT INTERFACE!
        }); 
         } else {
            // WHERE PUT THIS ITEM?
    customConfig: 'configType2.js';
         }
   });
  </script>

所以，我的问题是

1. 如何做 customConfig在这种情况下？
2. 哪里有“最好的完整文档”，关于没有在线配置工具的配置菜单( editor.config.toolbar )，我可以在哪里了解如何放置和删除具有正确名称的菜单项？ Here没有关于如何修复完整安装中“源”的错误。

<小时/>

我愿意，

git clone git://github.com/ckeditor/ckeditor-releases.git
cd ckeditor-releases
cp samples/inlineall.html samples/myinline.html 

并编辑samples/myinline.html与上面的代码。

Answer 1

1. 对于内联编辑器，标准的Source按钮是隐藏的，因为不可能有除wysiwyg之外的其他模式。因此，为这些编辑器创建了新插件 - sourcedialog ，但默认情况下它不包含在任何版本中。您可以使用 online CKBuilder 使用此插件构建编辑器或使用 presets 之一带有 all 参数。例如:./build.sh full all。还要记住加载 sourcedialog 插件(使用 config.extraPlugins = 'sourcedialog')。

2. 如果你想自由配置内联编辑器，那么你应该看看 inlinebycode样本。首先，您需要在可编辑元素上禁用自动编辑器初始化，然后在您想要成为编辑器的元素上调用CKEDITOR.inline():

   // We need to turn off the automatic editor creation first.
   CKEDITOR.disableAutoInline = true;
   
   CKEDITOR.inline( 'editable1', {
       customConfig: 'editableConfig.js'
   } );
   CKEDITOR.inline( 'editable1', {
       toolbar: [ ... ]
   } );