ant vue 使用 vue-codemirror代码高亮问题

版本信息:

vue版本:2.x

vue-codemirror版本:4.x

codemirror版本:5.x


问题描述

codemirror编辑器内的代码不能高亮

代码示例:




ant vue 使用 vue-codemirror代码高亮问题_第1张图片


解决办法:在 cmOptions 中加入如下配置,并把对应代码的高亮 js引入进去

gutters: ["CodeMirror-lint-markers","CodeMirror-linenumbers","CodeMirror-foldgutter"],
highlightSelectionMatches: {
   minChars: 2,
   style: "matchhighlight",
   showToken: true
},

ant vue 使用 vue-codemirror代码高亮问题_第2张图片​​​​​​​

你可能感兴趣的:(vue.js,前端,javascript)