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

Question

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

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

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

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

有人可以帮忙吗？

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

Answer 1

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

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

您可以从 CKEditor 官方网站下载这些

2：将你的插件部署到正确的文件夹 ZK 的 CKEditor 插件位于 [classpath]/web/js/ckez/ext/CKeditor/plugins 一个标准的部署将在 [application root]/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"/>