codemirror封装,可以像textareay进行高度调节

一、封装code.vue





二、导出组件文件index.ts

import { App } from 'vue'
import Code from './src/code.vue'

// 定义 install 方法, App 作为参数
const install = (app: App): void => {
  app.component(Code.name, Code)
}

export default { install }

三、使用

四、踩坑

一个项目中同时存在codeMirror与富文本编辑器时,先加载富文本编辑器后使用codeMirror时,codeMirror样式会受影响,因为富文本编辑器中也存在codemirror.css,

你可能感兴趣的:(web前端-项目总结,vue.js,开发语言)