原因
由于项目当中并未使用cdn,所以标题和代码块等 原本应该高亮显示的文字变成了普通文本样式
这是因为Vue mavon-editor默认使用的是cdn
如何解决呢?
只要你下载完 mavon-editor组件并运行项目,那目录/node_modules/mavon-editor/dist/
下就会有相关文件,只需引用这些文件即可
建议把这些文件放到项目的一个目录中
具体看下方链接
教程
https://www.pipipi.net/questions/13803.html
如果没成功,可能是mavon-editor
标签属性没设置正确
附代码
可参考
<template>
<div class="">
<mavon-editor
v-model="content"
:placeholder="'Edit ···'"
ref="md"
:toolbars="toolbars"
:external-link="externalLink"
:toolbarsBackground="'#f9f9f9'"
style="height: calc(100vh - 50px)"
/>
</div>
</template>
<script>
export