我跟着Summernote-rails
官方在我的rails项目中添加富文本编辑器.
而不是我的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"%>
和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>
一切都很好,除了图标
请帮助我.
解决方法
这很简单
只需下载summernote compile zip file click here.
解压缩文件.复制字体文件夹.将它粘贴到summernote.css root.确保您的summernote.css文件保留在font文件夹中.现在使用Ctrl F5刷新浏览器.
文件夹位置演示:
演示输出: