search

hinesboy / mavonEditor

mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
http://www.mavoneditor.com/
MIT License
6.45k stars 918 forks source link

希望增加Markdown语法高亮功能 #469

Open SpanishOnion opened 5 years ago

SpanishOnion commented 5 years ago

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

1015770492 commented 4 years ago

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

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

1015770492 commented 4 years ago

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

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

1015770492 commented 4 years ago

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

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

chenjian24 commented 4 years ago

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

1015770492 commented 4 years ago

是支持的

1015770492 commented 4 years ago

示例代码如上，codeStyle改成配色方案 中的任意一个即可成功，可以通过js动态改动配色方案

1015770492 commented 4 years ago

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

zhang-zhang-hao commented 1 year ago

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

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

的里的代码不会显示出来
zhang-zhang-hao commented 1 year ago

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

你找到解决方法了吗