文章目录
- 一、summernote富文本编辑器
-
- 初始化[summernote](https://summernote.org)有很多方法可以参考
- 清空编辑器
- 获取summernote的HTML内容。
- 设置summernote的HTML内容。
- 总结
一、summernote富文本编辑器
最容易上手，适合初次接触的新人
只需要加入summernote.css和summernote.js就可以实现简单的编辑器
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Summernote
title> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js">
script> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js">
script> <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote.css" rel="stylesheet"> <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.11/summernote.js">
script>
head> <body> <div id="summernote"><p>Hello Summernote
p>
div> <script> $(document).ready(function() {
$('#summernote').summernote(); });
script>
body>
html> 
初始化summernote有很多方法可以参考
$(document).ready(function() {
$('#summernote').summernote(); }); 清空编辑器
$('#summernote').summernote('destroy'); 获取summernote的HTML内容。
var markupStr = $('#summernote').summernote('code'); 设置summernote的HTML内容。
var markupStr = 'hello world'; $('#summernote').summernote('code', markupStr); 总结
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/227530.html原文链接：https://javaforall.net
