首页summernote 初始化并回显数据

summernote 初始化并回显数据

时间: 2023-08-05 11:10:34 浏览: 143

数据初始化

数据初始化用例源代码，有助于初学者练习。

好的，关于summernote初始化并回显数据，可以参考如下代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Summernote初始化并回显数据</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.css"> <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js/dist/umd/popper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap/dist/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/summernote/dist/summernote-bs4.js"></script> </head> <body> <div id="editor"></div> <button id="get-content">获取内容</button> <script> $(document).ready(function() { // 初始化summernote编辑器 $('#editor').summernote({ height: 300, // 设置编辑器高度 lang: 'zh-CN' // 设置语言为中文 }); // 设置回显数据 var data = '<p>这是一段回显数据</p>'; $('#editor').summernote('code', data); // 获取编辑器内容 $('#get-content').click(function() { var content = $('#editor').summernote('code'); console.log(content); }); }); </script> </body> </html> ``` 其中，`$('#editor').summernote()`方法用于初始化summernote编辑器，`$('#editor').summernote('code', data)`方法用于设置回显数据，`$('#editor').summernote('code')`方法用于获取编辑器内容。

阅读全文