javascript – 不显示summernote铁轨的图标

前端之家收集整理的这篇文章主要介绍了javascript – 不显示summernote铁轨的图标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_404_2@我跟着Summernote-rails
官方在我的rails项目中添加富文本编辑器.

@H_404_2@而不是我的edit.html.erb
将class 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"%>
@H_404_2@和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>
@H_404_2@一切都很好,除了图标
请帮助我.

解决方法

这很简单 @H_404_2@只需下载summernote compile zip file click here.

@H_404_2@解压缩文件.复制字体文件夹.将它粘贴到summernote.css root.确保您的summernote.css文件保留在font文件夹中.现在使用Ctrl F5刷新浏览器.

@H_404_2@文件夹位置演示:

@H_404_2@演示输出

猜你在找的JavaScript相关文章