配置代码编辑依赖

heimawl

2023-06-26 12cf420ba7b6f85ebd7883fa799df5d8b5cd0ecf

 src/main.js

@@ -14,6 +14,39 @@
import directive from './directive' // directive
import plugins from './plugins' // plugins
import { download } from '@/utils/request'
 //引入quill-editor编辑器
 import VueQuillEditor from 'vue-quill-editor'
 // require styles 引入样式
 import 'quill/dist/quill.core.css'
 import 'quill/dist/quill.snow.css'
 import 'quill/dist/quill.bubble.css'
 Vue.use(VueQuillEditor);
 // 引入
import { codemirror } from "vue-codemirror";
import "@/utils/cm-setting.js";
Vue.component("codemirror", codemirror);
//  import VueCodeMirror from 'vue-codemirror'
//  import 'vue-codemirror/dist/codemirror.css'
//  Vue.use(VueCodeMirror)

 //实现quill-editor编辑器拖拽上传图片
//  import Quill from 'quill'
import {Quill} from 'vue-quill-editor' 
 window.Quill = Quill;
 import imageResize from 'quill-image-resize'
//  const scriptEl = document.createElement('script'); 
//    scriptEl.charset = 'utf-8' 
//    scriptEl.src =  './image-resize.min.js' 
//    const head = document.head || document.getElementsByTagName('head')[0]; 
//    head.appendChild(scriptEl);

 import { ImageDrop } from 'quill-image-drop-module'
//  import imageResize from 'quill-image-resize'
 Quill.register('modules/imageDrop', ImageDrop)
//  import imageResize from 'quill-image-resize-module'
 Quill.register('modules/imageResize', imageResize)
 //实现quill-editor编辑器调整图片尺寸
//  Quill.register('modules/imageResize', ImageResize)

import './assets/icons' // icon
import './permission' // permission control
@@ -77,6 +110,8 @@
Vue.use(VueMeta)
DictData.install()
Vue.use(components)
// Vue.use(VueQuillEditor)


/**
 * If you don't want to use mock-server