久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

Vue單頁(yè)面應(yīng)用中實(shí)現(xiàn)Markdown渲染

瀏覽:127日期:2022-10-05 16:17:01

之前渲染 Markdown 的時(shí)候, 筆者使用的是 mavonEditor 的預(yù)覽模式, 使用起來比較爽, 只需要引入組件即可, 但是在最近的開發(fā)中, 遇到了困難.

主要問題在于作為單頁(yè)面應(yīng)用, 站內(nèi)鏈接必須是使用 router-link 跳轉(zhuǎn), 如果使用 mavonEditor 默認(rèn)渲染的 a 標(biāo)簽, 就會(huì)重新加載頁(yè)面, 用戶體驗(yàn)較差.

動(dòng)態(tài)渲染

想要實(shí)現(xiàn)在前端動(dòng)態(tài)地根據(jù)用戶內(nèi)容渲染router-link , 需要使用動(dòng)態(tài)渲染, 根據(jù) 官方文檔, 直接修改vue.config.js 即可:

// vue.config.jsmodule.exports = { runtimeCompiler: true}渲染 Markdown

筆者使用的是 markdown-it, 配置過程如下:

安裝

npm install markdown-it --save # 本體npm install markdown-it-highlightjs --save # 代碼高亮npm install markdown-it-katex --save # latex 支持

這里還另外安裝了兩個(gè)語(yǔ)法插件, 如果有其他需要的話, 可以在 npm 上搜索

靜態(tài)文件導(dǎo)入

highlight.js通過 cdn 導(dǎo)入, 在 index.html 中加入:

<link rel='stylesheet' rel='external nofollow' ><script src='http://www.gepszalag.com/uploads/202102/21/16138832431.js'></script>github-markdown-css

markdown 的樣式

安裝

npm install github-markdown-css --save導(dǎo)入

在 main.js 文件中添加

import ’github-markdown-css/github-markdown.css’katex

通過 cdn 導(dǎo)入, 在 index.html 中加入:

<link rel='stylesheet' rel='external nofollow' >使用

首先在 components 目錄下創(chuàng)建 Markdown.vue 文件,

<template> <components :is='html' class='markdown-body'></components></template><script>import MarkdownIt from ’markdown-it’import hljs from ’markdown-it-highlightjs’import latex from ’markdown-it-katex’export default { name: ’Markdown’, props: { content: String }, data: () => ({ md: null }), computed: { // 使用 computed 才能在動(dòng)態(tài)綁定時(shí)動(dòng)態(tài)更新 html: function () { let res = this.md.render(this.content) // 使用正則表達(dá)式將站內(nèi)鏈接替換為 router-link 標(biāo)簽 res = res.replace(/<a href='http://www.gepszalag.com/bcjs/(?!http://|https://)(.*?)' rel='external nofollow' >(.*?)</a>/g, ’<router-link to='$1'>$2</router-link>’) // 使用正則表達(dá)式將站外鏈接在新窗口中打開 res = res.replace(/<a href='http://www.gepszalag.com/bcjs/(.*?)' rel='external nofollow' >(.*?)</a>/g, ’<a href='http://www.gepszalag.com/bcjs/$1' rel='external nofollow' target='_blank'>$2</a>’) return { template: ’<div>’ + res + ’</div>’ } } }, created () { this.md = new MarkdownIt() this.md.use(hljs).use(latex) }}</script>

然后在想使用的地方導(dǎo)入即可

<template> <div> <Markdown :content='content'/> </div></template><script>import Markdown from ’@/components/Markdown.vue’export default { name: ’Home’, components: { Markdown }, data: () => ({ content: ’’ }), created () { this.content = ’# 測(cè)試’ }}</script>

以上就是Vue單頁(yè)面應(yīng)用中實(shí)現(xiàn)Markdown渲染的詳細(xì)內(nèi)容,更多關(guān)于vue Markdown渲染的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 盗摄精品av一区二区三区 | 一本大道综合伊人精品热热 | 久久久日韩精品一区二区三区 | 久久久久久久国产精品 | 成人在线不卡 | 亚洲a网 | 天天射美女 | 99视频在线看 | 欧美 日韩 国产 一区 | 久久1区 | 亚洲看片| 精品美女在线观看视频在线观看 | 九九视频这里只有精品 | av大片在线观看 | 国产精品国色综合久久 | 一级毛片视屏 | 国产97在线 | 免费 | 日韩午夜在线 | 婷婷亚洲五月 | 国产成人久久精品一区二区三区 | 国产免费一区二区三区 | 操操网站 | 青青草在线免费视频 | 国产精品久久久久久久久久久久冷 | 成人精品视频在线观看 | 九九久久精品 | 亚洲成人福利 | 欧美成人精品一区二区三区 | 久久国产欧美日韩精品 | 精品成人av| 国产精品久久久久久久久大全 | 精品久久久成人 | 国产免费一区二区三区 | 91国产精品 | 激情一区二区三区 | 午夜黄色影院 | 欧美日韩成人免费 | 日韩精品专区在线影院重磅 | 成人免费看 | 中文字幕 国产精品 | 成人亚洲网 | 色伊人久久 | 日韩视频中文字幕 | 看真人视频a级毛片 | 91精品久久久久久 | 一区二区不卡视频在线观看 | 日韩精品一区二区三区四区 | 国产一区二区三区在线免费 | 91精品国产自产91精品 | 国产欧美精品 | 狠狠狠干 | 色爽女人免费 | 一级a性色生活片毛片 | 羞羞视频免费观 | 美女又黄又免费 | 精久久| 亚洲精品视频免费观看 | 国产一区二区免费 | 国产成人免费 | 国产高清一区二区三区 | 久久精品国产精品青草 | 国产欧美精品一区二区三区 | 免费成人av在线 | 国产视频一区二区 | 7777久久 | 成人亚洲视频 | 国产精品一区二区三区在线播放 | 福利午夜 | 亚洲一区在线日韩在线深爱 | а天堂中文最新一区二区三区 | 亚洲毛片在线 | 亚洲精选久久久 | 欧美一区 | 久久精品亚洲 | 亚洲激情一区二区 | 国产成人aaa| 天天草草草 | 国产精品国产三级国产aⅴ无密码 | 日韩和的一区二区 | 日韩在线播放一区二区 | 九色av| 99爱在线观看 | 欧美日韩国产在线观看 | 99久热在线精品视频观看 | 亚洲电影免费 | 成人精品在线视频 | 日韩欧美一区二区三区免费观看 | 91婷婷射| 亚洲国产一区二区三区, | 午夜精品在线 | 国产精品二区三区 | 亚洲美女精品视频 | 国产黄网 | www.久久久.com | 日本精品免费 | 天堂精品一区二区三区 | 亚洲国产成人精品女人 | 国产玖玖 | 国产日韩一区二区三区 | 亚洲精品91 | 在线免费一级片 | 国产精品一区二区三区在线 | 国产视频网 | av在线成人 | 亚洲a网| 日日摸天天爽天天爽视频 | 九九免费观看全部免费视频 | 亚洲a在线观看 | 欧美视频综合 | 国产一级特黄毛片在线毛片 | 久久亚洲一区 | 免费h| 国产精品久久久久久久久小说 | 午夜一区二区三区 | 久久一精品 | 国产精品99久久久久久久vr | 国产精品久久9 | 一级黄色片看看 | 欧美一区视频 | 亚洲天堂成人在线 | 色久视频 | 日本黄色免费大片 | 亚洲一区 | 天堂中文字幕 | 一区二区三区日韩精品 | 99爱爱视频| 91精品久久久久久久久 | 五月激情综合网 | 欧美偷偷操 | 香蕉大人久久国产成人av | 亚洲欧洲综合 | 国内精品视频一区国产 | 日本大人吃奶视频xxxx | 亚洲性片 | 国产亚洲精品久久久久动 | 国产精品视频一区二区免费不卡 | 日本在线观看一区 | 最新日韩av | 国产www在线 | 在线观看一区 | 日韩一区二区在线播放 | 国产成人精品免高潮在线观看 | 视频一区二区三区在线播放 | 午夜成人免费电影 | 91中文字幕在线 | 狠狠操操 | 中文字幕一页二页 | 成人毛片在线观看 | 黄色片免费在线观看视频 | 黄色影片免费在线观看 | 一区三区在线观看 | 情趣视频在线免费观看 | 超碰首页 | 欧美一区二区三区电影 | 成人免费精品 | 精品国产成人 | 九色网址 | 国产成人精品在线 | 国产午夜精品一区二区 | 欧美性v | 亚洲毛片网站 | 国外成人在线视频网站 | 久久激情视频 | 国产老女人精品毛片久久 | 91在线免费看 | 国产精选一区二区三区不卡催乳 | 精品一级 | 成人免费视频一区二区 | 免费在线h | 久久99精品久久久久国产越南 | 中文字幕亚洲欧美 | 国产淫片在线观看 | 亚洲午夜精品 | ww8888免费视频 | 欧美精品一区二区三区蜜桃视频 | 亚洲不卡免费视频 | 亚洲美女视频在线观看 | 国产高清视频在线观看 | 国产日韩欧美精品一区二区三区 | 免费观看黄色大片 | 在线观看亚洲精品 | 日日干日日操 | 九九精品视频在线观看 | 精品免费一区二区 | 国产精品久久久久久久久免费丝袜 | 久久亚洲精品国产精品紫薇 | 一区二区三区视频 | 一区视频 | 国产免费一区二区三区 | 国产精品久久久久久久久久免费 | 狠久久 | 亚洲区在线 | 免费成人高清 | 国产高潮呻吟久久渣男片 | 亚洲欧洲av在线 | 亚洲一区二区三区在线 | 九色av| 欧美男人的天堂 | 国产成人福利在线 | 亚洲精美视频 | 国产片在线观看 | 中文字幕第100页 | 欧美日本国产 | 在线天堂av| 日韩三级在线免费观看 | 国产91成人video| 国产片一区二区三区 | 午夜一级片 | 久草观看| 亚洲精品久久 | 日韩精品小视频 | 精品无人乱码一区二区三区 | 成人欧美| 毛片在线视频 | 久久不射电影网 | 久久欧美高清二区三区 | 在线观看中文 | 久久精品欧美一区二区三区不卡 | 男女羞羞视频在线观看 | 中文字幕日韩欧美 | 国产精品高潮呻吟久久av野狼 | 在线免费毛片 | 欧美午夜在线观看 | 日韩中文在线 | 亚洲一区在线日韩在线深爱 | 国产一区二区三区不卡在线观看 | 黄网站免费在线观看 | 亚洲精品免费视频 | 国产毛片在线 | 日韩成人av在线 | 日本精品一区 | www.色综合| 免费在线观看一区二区 | 亚洲精品一区二区三区99 | 久久国产欧美日韩精品 | 免费观看视频毛片 | 2020国产在线 | 91精品国产一区二区三区蜜臀 | 日本二区在线观看 | 日韩一区在线播放 | 久久久精 | 国产中文字幕在线 | 美女午夜影院 | 99免费在线观看视频 | 国产一区二区在线免费观看 | 亚洲精品一区二区三区四区高清 | 亚洲精品在线视频 | 国产精品久久婷婷六月丁香 | 伊人天堂网 | 2021狠狠干 | 超碰人操| 国产在线观看一区二区三区 | 亚洲欧美一级 | 中文字幕二区 | 91精品国产综合久久久久久丝袜 | 久久99精品久久久久久青青日本 | 精品无码久久久久国产 | 99在线精品视频 | 免费的黄色网 | 精品九九九 | 黄色短视频在线观看 | 国产精品久久久久久久久久东京 | 成人精品一区二区三区 | 高清久久 | 亚洲 中文 欧美 日韩 在线观看 | 欧美高清一区 | 精品欧美一区二区三区久久久小说 | 亚洲视频精品在线 | 日韩中字在线观看 | 成人午夜免费视频 | 国产综合视频 | 中文字幕亚洲一区二区三区 | 国产精品久久久久久亚洲调教 | 欧美色视 | 无码日韩精品一区二区免费 | 日韩欧美一级片 | 亚洲综合久久网 | 成年无码av片在线 | 久草新| 人人叉人人 | 91在线免费看 | 国产精品美女久久久久久久网站 | 无套内谢孕妇毛片免费看红桃影视 | 在线欧美视频 | 久久精品日产高清版的功能介绍 | 91在线一区二区 | 国产一区精品视频 | 日韩精品视频在线播放 | 日韩精品专区在线影院重磅 | 亚洲三区视频 | 色婷婷综合在线 | 可以看的毛片网站 | 99久久综合精品五月天 | 999精品视频 | 91九色视频 | 天天看天天操 | 一区二区三区四区视频 | 国产情侣一区二区三区 | 天天拍天天干天天操 | 天天碰天天操 | 中文字幕 在线观看 | 中文字幕在线免费 | 男女视频在线观看 | 亚洲国产精品一区二区久久 | 人人人人澡| 日韩高清国产一区在线 | 人人精久 | 亚洲欧美日韩另类精品一区二区三区 | 成人综合av | 最新精品在线 | 国产精品原创巨作av | 欧美成年黄网站色视频 | 狠狠天天 | 国产欧美综合一区二区三区 | 日本成人三级 | 精品国产黄a∨片高清在线 日韩一区二 | 国产免费久久 | 91久久在线 | 福利精品视频 | 日韩免费一区 | 久草电影网 | 成年人精品视频在线观看 | 国产一区二区三区视频 | 成人精品在线 | 国产精品久久久久久吹潮 | 色香蕉久久 | 亚洲高清在线观看 | 日韩欧美国产精品一区二区三区 | 亚洲高清视频网站 | 国产成人精品一区二区三区视频 | 国内精品一区二区 | 精品在线一区 | 91久久久久久久久 | a久久久| xx视频在线观看 | av网站在线免费观看 | 欧美视频精品 | 依人成人综合网 | 人妖天堂狠狠ts人妖天堂狠狠 | 亚洲精品久久久 | 一区二区在线 | 国产一区二区av在线 | 四虎永久免费影院 | 精品久久久久久久久久久久 | 欧美一区二区免费 | 国产成人精品亚洲777人妖 | 中文字幕二区 | 午夜大片在线观看 | 欧美日韩视频在线第一区 | 在线a级毛片 | 久久av综合 | 天天干天天看天天操 | 日韩三区 | 亚洲精品国产一区 | 午夜社区 | 亚洲国产精品一区二区久久 | 欧美久久久久 | 黄a在线 | 日韩在线欧美 | 不卡成人| 久久久999国产 | 日韩欧美国产一区二区三区 | 99在线精品视频 | 色一色网站 | 欧美日本韩国一区二区 | 精品欧美乱码久久久久久 | 免费av在线 | 久久国产亚洲精品 | 亚洲艹 | 欧美激情精品久久久久久免费 | 视频精品一区二区 | 色婷婷综合久久久中文字幕 | 国产精品夜间视频香蕉 | 亚洲va中文字幕 | 中文字幕日韩av | 视频一区在线 | 成人免费xxxxx在线观看 | 久久99一区| 久久久精彩视频 | 91精品久久久久久久久久入口 | 性做久久久| 欧美 日韩 亚洲 一区 | 亚洲一区免费在线观看 | 日韩欧美在线观看视频 | 亚洲91精品 | 久久精品国产精品青草 | 亚洲另类视频 | 99精品免费 | 一级片av | 国产大学生情侣呻吟视频 | 国产精品成人在线观看 | 国产精品一区二区在线观看 | 91色乱码一区二区三区 | 国产精品久久久一区二区 | 波多野结衣一区二区三区中文字幕 | 黄毛片视频 | 狠狠综合| 免费成人在线观看视频 | 成人国产电影 | 国产精品片aa在线观看 | 亚洲精品久久久久久久久 | 精品国产欧美一区二区三区成人 | 黄色毛片在线观看 | 精品国产鲁一鲁一区二区在线观看 | 日本一区二区在线视频 | 欧美日韩六区 | 亚洲精品成人 | 国产精品一二三区 | 99看片 | 欧洲精品在线观看 | 亚洲成人久久久久 | 久草色视频在线观看 | 高清av在线 | 天天插天天操天天干 | 国产精品久久久久久久毛片 | 超碰人人爽| 欧美精品久久久久久久久老牛影院 | 97国产在线视频 | 精品视频久久久久 | 成人欧美 | 久久久蜜桃 | 日日操夜夜操免费视频 | 亚洲成人1区 | 一区二区三区在线不卡 | 国产在线不卡 | 操操操操操操操操操操操操操操 | 精品国产91乱码一区二区三区 | 国产成人精品一区二区三区 | 九九热这里只有精品8 | 性视频一区二区 | 国产精品夜色一区二区三区 | 自拍视频网站 | 国产精品中文字幕在线观看 | 国产精品成人国产乱一区 | 亚洲区在线 | 羞羞午夜| 国产日韩精品久久 | 亚洲欧美在线播放 | 在线亚洲一区二区 | a级黄色毛片免费观看 | 亚洲精品一区二区三区在线观看 | 国产高清中文字幕 | 免费一级在线观看 | 激情婷婷 | 精品久久网| av官网在线 | 超碰人人操| 亚洲网在线 | 在线高清av | 亚洲性在线| 麻豆乱码国产一区二区三区 | 国产乱码精品一区二区三区av | 久久久久久久久久久免费视频 | 久久99久久99精品免观看粉嫩 | 国产精品片aa在线观看 | 国产羞羞视频免费在线观看 | 一级在线观看视频 | 欧洲免费视频 | 伊人久久国产 | 99热国产精品 | 欧美一级久久 | 古典武侠第一页久久777 | 欧美在线播放 | 国产中文字幕一区 | 九九亚洲 | 羞羞在线观看视频免费观看hd | 啵啵影院午夜男人免费视频 | 精品欧美一区二区三区久久久 | 亚洲一区在线视频 | 日本在线观看视频一区 | 久久国产欧美日韩精品 | 久久夜精| 日韩在线免费视频 | 91精品国产高清自在线观看 | 免费黄色特级片 | 国产精品久久久 | 亚洲成人精品一区 | 久久久精品视频免费观看 | 精品乱码一区二区 | 福利久久 | 国产精品99| 欧美视频网站 | 国产婷婷精品av在线 | av一二| 日韩欧美中文字幕在线视频 | 国产在线一二三区 | 91大片| 一区二区三区成人 | 亚洲精品视频网 | 免费国产视频 | 亚洲成人一区二区 | 日韩精品一区二区三区中文字幕 | 久久亚洲一区二区 | 成人精品电影 | av中文字幕在线播放 | 欧美精品片 | 91免费看片网站 | sese综合| 久久精品小视频 | 欧美日产国产成人免费图片 | 国产精品久久久久久久久久免费 | 国产精品一区二区在线 | 成人精品 | 久久精品在线观看视频 | 久久伊人精品视频 | 日比视频网站 | 欧美黄色精品 | 欧美日韩一区二区三区四区 | 在线观看中文字幕亚洲 | 8x国产精品视频一区二区 | 爱爱日韩 | 91亚洲精品在线观看 | 91久久国产综合久久蜜月精品 | 97精品视频 | 国产精品久久久久久妇女6080 | 国产在线一区二区三区 | 国产精品国产自产拍高清 | 99精品视频在线免费观看 | h在线观看 | 国产精品久久久久久一区二区三区 | 正在播放国产精品 | 九色91九色porny永久 | 午夜视频在线 | 欧美亚洲国产一区 | 亚洲综合精品在线 | 欧美激情一区二区三级高清视频 | 九九99九九精彩46 | 91香蕉视频在线观看 | 亚洲+变态+欧美+另类+精品 | 久久久久久久久久穴 | 亚洲不卡视频在线 | 国产一区二区三区久久久 | 范冰冰一级做a爰片久久毛片 | 天天插天天狠 | 亚洲国产精品一区 | 日本不卡免费新一二三区 | 成人超碰在线观看 | 午夜剧院官方 | 日本在线免费观看 | 蕉伊人 | 国产精品国色综合久久 | 一区二区三区四区在线 | 日韩福利视频 | 欧美a区 | 国产在视频一区二区三区吞精 | 色综合久久一区二区三区 | 亚洲日本欧美日韩高观看 | 国产精品毛片久久久久久久 | 欧美成人精品激情在线观看 | 日夜夜精品 | 成人精品视频在线观看 | 在线观看免费视频a | 中国电影黄色一级片免费观看 | 九草在线 | 免费h在线观看 | 国产日韩一区二区三区 | 狠狠艹av | 亚洲电影二区 | 亚洲精品在线免费观看视频 | 久久九精品 | 91精品国产色综合久久不卡98 | 看亚洲a级一级毛片 | 伊人网视频在线 | 久久九精品 | 中文字幕在线资源 | www久久久久久久 | 夸克满天星在线观看 | 麻豆成人在线 | 性培育学校羞耻椅子调教h 欧美精品网站 | 毛片一区二区三区 | 久久福利电影 | 日韩精品一区二区在线观看 | 国产1级片| 吴梦梦到粉丝家实战华中在线观看 | 韩日中文字幕 | 亚洲精品久久久久久下一站 | 欧美不卡| 国产精品国产精品国产专区不片 | 亚洲 欧美日韩 国产 中文 | 一级黄色大片在线 | 亚洲一区二区免费在线观看 | 国产精品美女久久久久久免费 | 久草免费福利 | 在线看一区二区 | 久久久久免费精品视频 | 91麻豆精品国产91久久久资源速度 | 黄色成人在线观看视频 | 欧美国产综合一区 | 北条麻妃一区二区三区中文字幕 | 精品无人乱码一区二区三区 | 久久久999精品视频 欧美老妇交乱视频 | 午夜视| 久久久精品日本 | 狠狠躁夜夜躁人人爽天天天天97 | 国产一区二区三区四区在线观看 | 免费在线观看av | 日韩中文字幕在线 | 亚洲午夜视频 | 天天舔天天干 | 91精品视频在线播放 | 一区二区三区视频 | 黄网站涩免费蜜桃网站 | 逼逼av | 亚洲高清电影 | 久久99精品视频 | 可以看黄的视频 | 久久精品综合 | 国产成人精品一区二区三区视频 | 成人国产精品久久久 | www日本视频 | 日韩国产在线 | 久久免费视频9 | 免费av中国| 欧美成人精品在线观看 | 91黄色在线观看 |