jquery - CkEditor:未捕获类型错误:无法读取未定义的属性 'indexOf'

Question

我在使用 CKEditor 时遇到了问题。当我使用插件 BBCode 并输入一个基本的笑脸(例如:“:D”或“:(”，如第一张图片)时，控制台日志中会出现错误“Uncaught TypeError:无法读取未定义的属性'indexOf'”，并且编辑器变空，看起来像第三张图片。

虽然我已经插入了“config.extraPlugins = 'smiley';”在config.js中，错误仍然发生。

第一张图片，我输入了一个笑脸。

然后我单击第二张图片中的“源”按钮。

然后再次单击第三张图片中的“来源”按钮，这是错误的。

第 1 张图片:/image/nNbCY.jpg

图二:小姐

第三张图片:/image/UUNfZ.jpg

这是我的代码

CKEDITOR.replace( 'editor', { extraPlugins : 'bbcode' });

在 config.js 中:

CKEDITOR.editorConfig = function( config ) {
  config.extraPlugins = 'smiley';
  config.language = 'vi';
  config.uiColor = '#eeeeee'; config.height = 300;
};

Answer 1

首先，您错误地设置了编辑器配置。您正在设置config.extraPlugins分别在两个位置，因此，您将使用页内配置(在 CKEDITOR.replace 中设置)覆盖第一个设置(来自 config.js) )而不是扩展它。您可以阅读更多关于配置加载顺序 here .

您的屏幕截图显示工具栏中没有笑脸按钮，这意味着该功能根本未启用。

请注意config.extraPlugins接受您想要启用的所有其他插件的列表，因此如果您想同时使用 bbcode 和 smiley，您的配置应将它们包含在一个声明中:

config.extraPlugins = 'bbcode,smiley';

此外，请参阅BBCode Editing sample来自 CKEditor SDK 的示例说明了如何配置 CKEditor 以输出 BBCode，以及如何配置表情符号。向下滚动到“获取示例源代码”以获取用于创建示例的完整工作代码。另请检查 documentation for BBCode editing了解更多信息。