如何向 Ckeditor5 添加 Font Awesome 支持?

Question

我正在尝试将字体真棒支持添加到 Ckeditor5-inline 中，当我进入编辑模式时，它只是从 HTML 中删除"i"标签。

Answer 1

第一次下载字体真棒，如果你还没有的话

1. Extract the downloaded file (fontawesome.zip) Copy the "fontawesome"
2. folder to "ckeditor/plugins/" folder Open the file
3. "ckeditor/config.js"

像这样配置并清除您的browser's cache

config.extraPlugins = 'fontawesome';
config.contentsCss = 'path/to/your/font-awesome.css';
config.allowedContent = true; 

在 HTML 部分添加以下代码：

<script>CKEDITOR.dtd.$removeEmpty['span'] = false;</script>

之后，您可以在工具栏中使用toolbargroupname: "FontAwesome"，如下所示

config.toolbar = [
{ name: 'insert', items: [ 'FontAwesome', 'Source' ] }
];

正如你评论的那样，你在Django CMS中使用Django集成

Django CMS可以使用CKEditor将基于文本的内容添加到站点，该内容通过名为djangocms_text_ckeditor的模块集成。在该模块中是一个静态文件夹和 settings.py 文件，它们的设置方式可以完全自定义CKEditor。

你可以在这里查看 Django 集成