关于Vue mavon-editor 本地加载 – 关闭 CDN,显示高亮

本文介绍了在Vue项目中不使用CDN,如何本地加载mavon-editor并实现代码高亮显示。当项目不依赖外部CDN时,mavon-editor的高亮功能会失效。解决方案是下载组件并在项目中引用相关文件,详细教程可参考链接,确保设置正确的标签属性。
摘要由CSDN通过智能技术生成

原因

由于项目当中并未使用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 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值