vue推荐一个好用的富文本框

1、安装

npm i summernote

2、创建页面显示区域

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')

效果如下：

大功告成，大家有问题可以私信我或者直接在下方回复