vue-codemirror怎么对matlab高亮？

来源：蜘蛛抓取(WebSpider) 时间：2022-07-25 03:34 标签： matlab代码高亮


大家可以看到在这个成果图内，左边会有一个代码框，用来写代码，右边会实时的更新左边代码实现出来的内容。
在代码框内，会如同VScode等代码编译器一样，不同的关键字有不同的颜色，不会说是全都是黑色，就如同真正的代码编译器一样，而且左边会显示行数，选中会有选中的颜色。

那么我这是如何做到的呢

这是一个代码编译器的组件，他的官方网站在这里

setting.js里面包含了一些主题文件，我的是这样的

这里需要注意的是，如果你没指定文字左对齐，他的代码内容就会中间对齐，想更改的话，在他的容器的样式里面改就可以，比如

显示代码编辑器内的内容（iframe）

然后监听代码编辑器里面的内容，就是下图这个属性


然后将他的内容放到右边的容器内，就完成了

前提小结： 第一次用codemirror，而且是在vue里面使用，看了官方文档，一大串都是英文，翻译后大概了解了这个插件，然后在项目中使用时出现过好几个问题： 1.新版的codemirror在lib目录下没有codemirror.js文件，旧版的有，所以网上的很多文章都是直接这样引： [removed][removed] <linkrel

接下来说如何设置代码自动提示,如图: 图上内容比较多,我直接按区域划分成6块区域来说吧: 区域1:这个选项是关于提示的时候如何进行匹配,即按照什么条件来进行提示内容的搜索. All:选择这个的话,意思就是要和你输入的字符进行全匹配,能全匹配起来的字符才会显示在提示列表中,如下图,其实就相当于精确搜索: None:选择这项的话,意思是进行模糊匹配,我直接上图吧,大家看图就明白了:

我要回帖

更多关于 matlab代码高亮 的文章

 

随机推荐