mavonEditor icon indicating copy to clipboard operation
mavonEditor copied to clipboard

希望增加Markdown语法高亮功能

Open SpanishOnion opened this issue 5 years ago • 9 comments

写博客,文章特别长的时候,几个屏幕的高度,因为全是纯文本,每次想修改一个地方,都得找很长时间,体验特别不友好,非常浪费时间,能否增加像idea这样的语法高亮显示? image image

SpanishOnion avatar Aug 04 '19 03:08 SpanishOnion

image 地址: https://github.com/hinesboy/mavonEditor/blob/HEAD/src/lib/core/hljs/lang.hljs.css.js

似乎有配色方案,不过不知道怎么启用。再找找看看

1015770492 avatar Mar 03 '20 07:03 1015770492

可以诶,文档有说明。下面是idea的代码高亮,其他样式去上面链接找,自己一个一个试一下,找一个喜欢的就好 image

添加属性 :ishljs="true" codeStyle="idea"需要重新运行一下才生效哦!

1015770492 avatar Mar 03 '20 07:03 1015770492

去代码高亮的官网去看一下那种样式好看:官网地址: https://highlightjs.org/

我感觉atom-one-dark这个就不错 M(U) J_8}N8N(ABA54}$@F

1015770492 avatar Mar 03 '20 08:03 1015770492

@1015770492 原帖问的是编辑器本身是否有带有高亮显示, @SpanishOnion 你有找到方案么?貌似目前是不支持的。

chenjian24 avatar Jun 23 '20 01:06 chenjian24

是支持的

1015770492 avatar Jun 23 '20 01:06 1015770492

<mavon-editor v-model="articleForm.value" :ishljs="true" codeStyle="atom-one-dark"> 示例代码如上,codeStyle改成配色方案 中的任意一个即可成功,可以通过js动态改动配色方案

1015770492 avatar Jun 23 '20 01:06 1015770492

<mavon-editor v-model="articleForm.value" :ishljs="true" codeStyle="atom-one-dark" ></mavon-editor>

1015770492 avatar Jun 23 '20 01:06 1015770492

<mavon-editor v-model="articleForm.value" :ishljs="true" codeStyle="atom-one-dark" ></mavon-editor>

我的写法和你一样,但是为什么编辑时候,

的里的代码不会显示出来

zhang-zhang-hao avatar Apr 27 '23 03:04 zhang-zhang-hao

写博客,文章特别长的时候,几个屏幕的高度,因为全是纯文本,每次想修改一个地方,都得找很长时间,体验特别不友好,非常浪费时间,能否增加像idea这样的语法高亮显示? image image

你找到解决方法了吗

zhang-zhang-hao avatar Apr 27 '23 03:04 zhang-zhang-hao