CodeMirror的行高问题

francistion 2015-12-13 10:53:56

各位大神，我在用CodeMirror插件的时候，没有输入字符的那一行行高会变大，按Tab键行高也会变大有大神遇到过吗？

...全文

241 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

用的是 react-codemirror2 样式文件： ... .code-mirror{ font-size : 13px; line-height : 150%; } ... 引入样式文件： ... <CodeMirror className = "code-mirror" ... /> ... ...

react CodeMirror修改代码字体和行高

解决Vue-codemirror插件高度设置问题（默认300px）一、首先，根据官方提示，给组件添加样式设置高度值且设置option中的可见行数为无限，结果无效。。。二、直接F12，查看编译后的源码，由外向内，观察并测试样式，找到决定大小的div，证明该组件实际样式取决于自带的CodeMirror样式。三、找到样式文件，位于node_modules/codemirror/lib/codemirror.css，修改这里的CodeMirror内高度值为auto或直接上固定值即可四、实践证明有效

在vue页面中 <template> <div style="height: 600px"> <codemirror ref="myCm" v-model="myCode" :options="cmOptions" class="code" /> </div> </template> 设置指定高度 this.editor = this.$refs.myCm.codemirro

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

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章