vue项目使用富文本加高亮效果

1.下载关联包

npm install vue-quill-editor --save -dev // 富文本
npm install highlight.js --save -dev // 代码高亮

2.引入并注册

import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
/*
 * 注册 - 业务模块
 */
// 注册富文本
 
import {
    quillEditor } from 'vue-quill-editor'
import 'highlight.js/styles/xcode.css'
import hljs from 'highlight.js'
export default {
   
  components: {
    quillEditor },
}

3.使用组件并