第一步,先下载组件
npm install vue-quill-editor
第二步,在需要使用的位置引入(富文本组件)
import { quillEditor } from 'vue-quill-editor'
第三步,引入相关的css
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
第四步,注册组件(因为这个是组件,所以要先注册一下)
components: {
quillEditor
}
第五步,放到需要的盒子中
<quill-editor
ref="text"
v-model="content"
class="myQuillEditor"
:options="editorOption"
/>
<el-button type="primary" @click="submit">提交</el-button>
<div v-html="data"></div>