在富文本中使用glyphicons或fontawesome图标

时间:2017-01-19 18:55:10

标签: rich-text-editor richtext wagtail wagtail-streamfield

在富文本中是否有一种简单的方法可以使用glyphicons或fontawesome图标?

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

我找不到Wagtail的类似插件。

1 个答案:

答案 0 :(得分:0)

虽然具有子质量UX的功能性解决方案是使用原始HTML编辑。 Google在Wagtail CMS的Hallo.js中提供了很少的HTML编辑网址。最有用的如下:

  1. 文档。 http://docs.wagtail.io/en/latest/reference/hooks.html
  2. 例子。 https://git.sinnwerkstatt.com/cosinnus/cosinnus-core/blob/2989a6844733c732c7ca24c13cbcd30a0dc7f99d/cosinnus/wagtail_hooks.py
  3. 在实现钩子之后,可以添加glyphicons(和fontawesome),例如,通过添加

    <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>