rich-text-editor - 在富文本中使用 glyphicons 或 fontawesome 图标

Question

有没有一种简单的方法可以在富文本中使用字形图标或 fontawesome 图标？

请查看我在此处发布的以下 CKEditor 插件作为问题的说明。https://www.michaeljanea.com/ckeditor/bootstrap-glyphicon

我找不到 Wagtail 的类似插件。

Answer 1

一个功能性的解决方案是使用原始 HTML 编辑，尽管用户体验质量不高。Google 在 Wagtail CMS 中的 Hallo.js 中提供了一些关于 HTML 编辑的 URL。最有用的如下：

1. 文档。http://docs.wagtail.io/en/latest/reference/hooks.html
2. 例子。https://git.sinnwerkstatt.com/cosinnus/cosinnus-core/blob/2989a6844733c732c7ca24c13cbcd30a0dc7f99d/cosinnus/wagtail_hooks.py

实现钩子后，可以添加字形图标（和字体），例如通过添加

<ul class="fa-ul">
    <li><i class="glyphicon glyphicon-user"></i>User icon</li>
    <li><i class="glyphicon glyphicon-home"></i>Home icon</li>
</ul>