在线代码编辑器，vue2集成codemirror

1.使用组件

组件	源码	版本	license
vue-codemirror	地址	4.0.6	MIT
script-loader	地址	0.7.2	MIT

2.组件代码

Codemirror

3.组件使用

<Codemirror v-model='form.content'></Codemirror>

import Codemirror from '@/components/Codemirror'
export default {
    components: {
        Codemirror,
    },
    data() {
        return {
            form: {
                content: null,
            },
        }
    },
}

4.截图

 

5.示例项目

项目一：gitee