summernote是一个开源的项目,一个很好用的html在线编辑器。大家可以去github上下载编译好的源代码。
下面我将一下简单的嵌入到我们的html文件里。
(1)下载sumernote.js文件
(2)
<script src=".....summernote/summernote.js"></script>
上面要替换成合适的路径,确保引用到我们的summernote.js文件。
(3)引用到之后,我们要初始化summernote编辑器,这里要用到一段简单的js代码
//初始化编辑器控件
$('#text_id').summernote({
height: 200, //set editable area's height
codemirror: { // codemirror options
theme: 'monokai'
},
lang:"zh-CN",
});
这里初始化了summernote控件,text_id号为引用id。
(4)
<textarea name="content" id="text_id"></textarea>
这样就能使用我们的summernote编辑器啦。
还有一些 关于汉化,主题的定制操作,可以去github上,或者summernote官网上看文档。