如何将Emoji插件添加到ZK框架中使用的CKEditor？

Question

我有一个要求，我的ZK所见即所得工具栏需要提供添加表情符号的选项。

我检查并发现CKEditor已经提供了一个Emoji插件，但是我无法在ZK编辑器上启用它。

我已经尝试将下面的内容添加到配置文件中，但是不起作用。

config.toolbar_EmojiOnly = [
    ['emoji']
];

任何人都可以帮忙吗？

请注意-我不想使用Smiley插件。我想使用表情符号插件。

Answer 1

为ZK应用程序添加插件CKEditor要做三件事。1：下载所有插件文件，包括您要安装的插件的依赖项。对于表情符号插件，您至少需要以下插件：

- ajax
- autocomplete
- emoji
- floatpanel
- panelbutton
- textmatch
- textwatcher
- xml

您可以从CKEditor的官方网站下载这些内容>

2：将您的插件部署到适当的文件夹中ZK的CKEditor插件位于[classpath] / web / js / ckez / ext / CKeditor / plugins下标准部署位于[应用程序根目录] / src / main / resources / web / js / ckez / ext / CKeditor / plugins您的部署应如下所示：

- [root]/src/main/resources/web/js/ckez/ext/CKeditor/plugins/ajax/plugin.js
- [root]/src/main/resources/web/js/ckez/ext/CKeditor/plugins/emoji/plugin.js
- [root]/src/main/resources/web/js/ckez/ext/CKeditor/plugins/emoji/assets/...
etc.
3：实际上将插件添加到您的ckeditor实例中。标准方法是使用自定义配置文件，例如：

CKEDITOR.editorConfig = function(config) {
    config.extraPlugins = 'emoji';
};
您将声明您的配置，例如：

<ckeditor customConfigurationsPath="/path/to/config.js"/>