1、安装
npm i summernote
2、创建页面显示区域
<div id="content"></div>
3、加载的时候进行初始化
js中引入
import 'summernote/dist/summernote' import 'summernote/dist/summernote.css'
使用的时候初始化方法:
$('#content').summernote({ height: 150, // set editable area's height codemirror: { // codemirror options theme: 'monokai' } }) $('#content').summernote('code', item.content)
获取文本框内容:
const content = $('#content').summernote('code')
效果如下:
大功告成,大家有问题可以私信我或者直接在下方回复