首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何配置CKEditor-4内嵌编辑器?

如何配置CKEditor-4内嵌编辑器?
EN

Stack Overflow用户
提问于 2013-08-25 13:34:29
回答 1查看 11.8K关注 0票数 6

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

代码语言:javascript
复制
<meta charset="utf-8"></meta>
<script src="../ckeditor.js"></script>

具有许多<div contenteditable="true">块的HTML。我需要通过本地或外部configTypeX.js文件配置每个编辑器,

代码语言:javascript
复制
  <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)没有在线配置-工具,我可以了解如何放置和删除菜单的正确名称?这里没有任何关于如何修复‘源’的错误在一个完整的安装。

我知道,

代码语言:javascript
复制
git clone git://github.com/ckeditor/ckeditor-releases.git
cd ckeditor-releases
cp samples/inlineall.html samples/myinline.html 

并使用上面的代码编辑samples/myinline.html

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-25 16:31:17

  1. 对于内联编辑器,标准的Source按钮是隐藏的,因为除了wysiwyg之外,不可能有不同的模式。因此,为那些编辑器创建了新的插件- 源对话,但默认情况下它不包括在任何一个构建中。您可以使用这个插件使用在线CKBuilder或使用带有all参数的一个预设来构建编辑器。例如:./build.sh full all。还记得要加载sourcedialog插件(使用config.extraPlugins = 'sourcedialog')。
  2. 如果您想自由地配置内联编辑器,那么您应该看看内联码示例。首先,需要禁用可编辑元素的自动编辑器初始化,然后对希望成为编辑器的元素调用CKEDITOR.inline(): //我们需要首先关闭自动编辑器创建。CKEDITOR.disableAutoInline = true;CKEDITOR.inline(‘editable1 1’,{ customConfig:'editableConfig.js‘} );CKEDITOR.inline(’editable1 1‘,{工具栏:.} );
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18429541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档