Question

这是我第一次使用CKeditor，我正在尝试使用一些基础知识。我有一个测试页面，（不是PHP，只是基本的HTML），加载了JQuery和Bootstrap，工作正常。我有两个领域。我已链接到CKEditor CDN并在<head>

中加载了adapt_jquery.js

相关HTML

如果我将此脚本放在页面底部，我会在每个<textarea>上获得一个具有指定ui颜色和大小的CKEditor实例。

<script type="text/javascript">
$('textarea').ckeditor(
   {
    uiColor : '#03BC5D',
    language : 'en',
    height : 100,
    width : 600 ,  
   }
);
</script>

如果我在页面上使用下面的脚本，则会为每个<textarea>呈现一个编辑器，而Firefox Web开发人员插件则显示custom_config.js位于Javascript文件列表中。但是，为每个<textarea>加载的编辑器实例未受我的自定义配置文件的影响。我希望我错过了一些简单的东西，但无法弄清楚是什么。

 <script>
  $('textarea').ckeditor(
   {
      customConfig : '/JQTesting/ck_custom/custom_config.js'       
    }
  );
 </script>

自定义配置文件：

CKEDITOR.editorConfig = function( config ) {
    uiColor : '#03BC5D';
    language : 'en';
    height : 100;
    width : 600;
};

Answer 1

您必须设置config参数的属性，因此您的代码必须如下所示

CKEDITOR.editorConfig = function( config ) {
    config.uiColor = '#03BC5D';
    config.language = 'en';
    config.height = 100;
    config.width = 600;
};

您使用对象文字之外的:在函数中创建了不同的标签（MDN: label）。截至此，您没有更改config，而您的editorConfig功能没有做任何事情。

使用JQuery和自定义配置文件进行基本CKEditor设置

1 个答案: