Vue 基于vue-codemirror实现的代码编辑器
基于vue-codemirror实现的代码编辑器 开发环境 jshint 2.11.1 jsonlint 1.6.3 script-loader 0.7.2 vue 2.6.11 vue-codemirror 4.0.6 element-ui 2.13.1 (使用到element-ui message组件,提示错误消息,如果不想安装该组件,替换编辑器中的this.$message所在行函数代码即可) 功能介绍 1、 支持不同的代码编辑模式 目前仅支持支持json, sql, javascript,css,xml, html,yaml, markdown, python编辑模式,默认为 json 2、 支持使用不同主题 支持62种主题,默认为 blackboard 3、 支持 API 编程 目前支持修改样式,获取内容,修改编辑框内容值 4、 支持复制,黏贴,剪切,撤销等常见操作 5、 支持文件拖拽导入 支持鼠标拖拽文件到编辑框,编辑框自动展示被拖拽文件的内容(当然,不是所有文件都可以,比如word文件,.exe文件就不行) 6、 支持 json 格式化 1)json编辑模式下,鼠标失去焦点时自动格式化json字符串,支持定义开关该特性 2)支持自定义格式化化缩进,支持字符或数字,最大不超过10,默认缩进2个空格 3)json编辑模式下,黏贴json字符串到编辑框时