我跟着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刷新浏览器.
文件夹位置演示：
演示输出：