如何向 Ckeditor5 添加 Font Awesome 支持？答案

【问题标题】：How can I add Font Awesome support to Ckeditor5?如何向 Ckeditor5 添加 Font Awesome 支持？
【发布时间】：2019-08-27 15:44:09
【问题描述】：

我正在尝试向 Ckeditor5-inline 添加 Font Awesome 支持，当我进入编辑模式时它只是从 HTML 中删除“i”标签。

【问题讨论】：

标签： ckeditor5

【解决方案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。

you can check here for Django Integration

【讨论】：

我实际上是想在 Django CMS 的 ckeditor 中添加很棒的字体。所以基本上我会构建ckeditor，然后将js文件添加到我的项目中。有没有办法配置项目并在该 js 文件中获取所有字体真棒信息？