[vue]-通过url链接获取markdown并高亮显示

最新推荐文章于 2024-07-10 05:20:45 发布

向梦想出发11

最新推荐文章于 2024-07-10 05:20:45 发布

阅读量516

点赞数

分类专栏： markdown 文章标签： markdown vue

本文链接：https://blog.csdn.net/github_38469586/article/details/115246603

版权

本文介绍如何在Vue应用中处理后台返回的Markdown URL，使用vue-markdown和highlight.js实现Markdown内容的加载和代码高亮。由于vue-markdown组件仅渲染一次，故需采用v-if技巧进行多次渲染。

摘要由CSDN通过智能技术生成

之前也有篇文章将markdown文件转html的，但是这次后台变了，后台将返回url的形式，并且之前发现的LaTeX 公式无法转换，因此换了插件。

vue-markdown、highlight.js（高亮的）
vue-markdown源码：https://github.com/miaolz123/vue-markdown

PS：v-if=show 是因为vue-markdown仅在开始时渲染一次，它将覆盖source的属性。
而我要多次渲染

<template>
  <div>
    <vue-markdown v-if="show">{
   {
   markdownContent}}</vue-markdown>
  </div>
</template>

import '@/assets/css/markdownhere.css'      //本地的样式
import hljs from 'highlight.js';
import

关注