mavonEditor
mavonEditor copied to clipboard
希望增加Markdown语法高亮功能
写博客,文章特别长的时候,几个屏幕的高度,因为全是纯文本,每次想修改一个地方,都得找很长时间,体验特别不友好,非常浪费时间,能否增加像idea这样的语法高亮显示?
地址:
https://github.com/hinesboy/mavonEditor/blob/HEAD/src/lib/core/hljs/lang.hljs.css.js
似乎有配色方案,不过不知道怎么启用。再找找看看
可以诶,文档有说明。下面是idea的代码高亮,其他样式去上面链接找,自己一个一个试一下,找一个喜欢的就好
添加属性 :ishljs="true" codeStyle="idea"需要重新运行一下才生效哦!
去代码高亮的官网去看一下那种样式好看:官网地址: https://highlightjs.org/
我感觉atom-one-dark这个就不错
@1015770492 原帖问的是编辑器本身是否有带有高亮显示, @SpanishOnion 你有找到方案么?貌似目前是不支持的。
是支持的
<mavon-editor v-model="articleForm.value" :ishljs="true" codeStyle="atom-one-dark"> 示例代码如上,codeStyle改成配色方案 中的任意一个即可成功,可以通过js动态改动配色方案
<mavon-editor v-model="articleForm.value" :ishljs="true" codeStyle="atom-one-dark" ></mavon-editor>
<mavon-editor v-model="articleForm.value" :ishljs="true" codeStyle="atom-one-dark" ></mavon-editor>
我的写法和你一样,但是为什么编辑时候,
的里的代码不会显示出来
写博客,文章特别长的时候,几个屏幕的高度,因为全是纯文本,每次想修改一个地方,都得找很长时间,体验特别不友好,非常浪费时间,能否增加像idea这样的语法高亮显示?
![]()
你找到解决方法了吗