首页 文章

CKeditor：错误camelcase addExternal插件

提问于
浏览 次
0

我认为CKeditor和这个函数plugin.addExternalPlugin有问题

==重现的步骤==

  • 您需要拥有CKEditor 4.5.4

  • 已安装ckeditor的文件夹

ckeditor /
适配器/
郎/
插件/（默认插件）
外观/
...

  • 您将添加新插件的文件夹

ftp /
CKEditor的/
插件/
yourPlugin /
plugin.js

因此，当您具有此配置时，可以在文件夹"FTP/ckeditor/plugins/youtube"中添加"youtube"之类的插件 . 你可以在这里找到这个：http://ckeditor.com/addon/youtube .

在config.js中，添加插件“youtube”：

CKEDITOR.editorConfig = function（config）{
config.toolbar_barre_par_defaut = [[ '源']，[ '粗体'， '斜体'， '下划线']，[ '证明左边'， '中间对齐'， '证明右边'， 'JustifyFull']，[ 'OrderedList'，'UnorderedList ']，[' 的YouTube']];
}

在你的JS文件中，你添加了这样的额外插件：

config.toolbar ='barre_par_defaut';
config.extraPlugins ='youtube';
config.allowedContent = true;

并且，在更改CKeditor中的textarea之前，添加以下行：

CKEDITOR.plugins.addExternal（'youtube'，'/ ftp / ckeditor / plugins / youtube /'）;

当你这样做时，你用CKEditor替换textarea：

CKEDITOR.replace（....）;

==预期结果==

加载CKEditor后，工具栏中有一个新按钮，他的名字是Youtube .

==实际结果==

实际上，你没有按钮，因为代码中存在camelcase问题 .

为什么？因为当我在youtube的插件上更改第17行时：

editor.ui.addButton（'Youtube'，

至

editor.ui.addButton（'youtube'，

我的代码和代码有效 .

==其他详细信息（浏览器，操作系统，CKEditor版本，已安装的插件）==

浏览器：Chrome版本：4.5.4已安装的插件：此示例的默认youtube . 但是，您可以使用所有关注文档的插件重现，或者在插件名称拼写不同的函数中

当你阅读这篇文档时：http://docs.ckeditor.com/#!/guide/plugin_sdk_sample_1

您创建了一个新插件，将此插件添加到ckeditor / plugins的另一个文件夹中，并将此插件添加到工具栏和extraplugin中 . 不起作用 .

因为您在以下位置更改了plgun的名称：

“创建工具栏按钮

使用工具栏按钮打开插件对话框窗口 . 为此，我们需要定义一个与对话框窗口关联的按钮 .

editor.ui.addButton（'Abbr'，{
label：'Insert Abbreviation'，
命令：'abbr'，
工具栏：'插入'
}）;
“

javascript plugins ckeditor

2 回答

  • 1

    该插件的安装说明指出您必须使用该按钮的"Youtube"名称 . config.toolbar = [{ name: 'insert', items: ['Image', 'Youtube']}];

    如果您尝试以小写形式使用它，那么除非您根据自己的喜好更改插件，否则它将无法正常工作 .

    回复于
  • 0

    在CKEditor工具栏按钮中，始终以大写字母开头，所有文档和示例（如上面引用的教程，甚至是第三方YouTube插件的说明）都遵循此约定 .

    插件和命令名称始终以小写字母开头 .

    您不需要编辑任何插件的任何源代码，只需坚持约定，一切都可以正常工作 .

    回复于

相关问题