图标不显示与 summernote 导轨

Question

我跟随 Summernote-rails 官方在我的 Rails 项目中添加富文本编辑器。

然后在我的 edit.html.erb 中，我将 place_editor 类添加到我的 text_area：

 <%= f.text_area :text, class: "place_editor form-control col-md-7 col-xs-12", rows: "15j ,placeholder: "Text", required: "required"%>

然后 JavaScript 为：

 <script type="text/javascript">
 $(function() {
      $('.place_editor').summernote();
      var edit = function () {
        $('.click2edit').summernote({ focus: true });
      };
      $("#edit").click(function () {
        $('.click2edit').summernote({ focus: true });
      });
      $("#save").click(function () {
        var aHTML = $('.click2edit').code(); //save HTML If you need(aHTML: array).
        $('.click2edit').destroy();
      });
      // Adding Css to give border to text editor
      $(".note-editor").css("border", "solid 1px #e7eaec");

    });
</script>

除了图标，一切正常。

原文由 Muhammad Faisal Iqbal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我搜索了几个小时，终于解决了。实际上，summernote 并没有在本地保存图标，而是下载它

我在标题中添加了这个链接

  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css" rel="stylesheet">

如果有人可以进一步阐述它，我会欢迎它的工作

原文由 Muhammad Faisal Iqbal 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

这很简单

只需 点击此处下载 summernote 编译 zip 文件。

解压缩文件。复制 字体 文件夹。将它粘贴到你 的 summernote.css 根目录。确保您的 summernote.css 文件保留在 字体 文件夹中。现在使用 Ctrl + F5 刷新浏览器。

文件夹位置演示：

演示输出：

原文由 Obaidul Haque 发布，翻译遵循 CC BY-SA 3.0 许可协议