嵌入式在线html编辑器,web网页嵌入代码编辑器

在web网页里面嵌入编辑器codemirror第三方插件

呈现效果

“

1.安装

npm install vue-codemirror --save

2.组件引用

import { codemirror } from 'vue-codemirror'

import 'codemirror/mode/sql/sql.js'

import 'codemirror/lib/codemirror.css'

import 'codemirror/theme/3024-night.css';

import "codemirror/addon/fold/foldgutter.css"

import 'codemirror/addon/fold/foldcode.js';

import 'codemirror/addon/fold/foldgutter.js';

import 'codemirror/addon/fold/xml-fold.js';

import 'codemirror/addon/fold/indent-fold.js';

import "codemirror/addon/fold/brace-fold";

import 'codemirror/addon/fold/markdown-fold.js';

import 'codemirror/addon/fold/comment-fold.js';

i