国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uni-app微信小程序如何渲染markdown

2年前作者：記憶旅途分類(lèi)：Toy博客閱讀(34)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了uni-app微信小程序如何渲染markdown。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

背景

在開(kāi)發(fā)個(gè)人網(wǎng)站微信登錄平臺(tái)易登微信小程序的時(shí)候，由于說(shuō)明文檔是用markdown格式來(lái)書(shū)寫(xiě)的，在網(wǎng)頁(yè)上有各種markdown個(gè)人渲染引擎，比如這個(gè)markdown編輯器無(wú)敵了！。

但是在小程序上還是第一次渲染markdown，找了各種方案，但處處是坑，除此之外最后渲染出來(lái)的效果也慘不忍睹。踩坑無(wú)數(shù)之后終于找到了wemark，完完美美地把我的文檔渲染出來(lái)了。

wemark可以實(shí)現(xiàn)在小程序下渲染Markdown內(nèi)容，支持圖片、表格在內(nèi)的大部分Markdown特性。詳細(xì)介紹參考以下鏈接：

gitee地址：這個(gè)markdown編輯器無(wú)敵了！文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-574899.html

安裝wemark

下載wemark源碼

git clone https://gitee.com/gitwcx/wemark.git

將wemark目錄拷貝到uni-app的static目錄下

在需要渲染markdown的頁(yè)面引入wemark

import wemark from '@/static/wemark/wemark.js'
export default {
	components: {
		wemark
	},
	data() {
		return {
			content: 'markdown',
		}
	}
}

vue代碼

<wemark :md="content" link highlight type="wemark"></wemark>

到了這里，關(guān)于uni-app微信小程序如何渲染markdown的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來(lái)自互聯(lián)網(wǎng)用戶(hù)投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

如何將各種小程序(微信小程序)項(xiàng)目轉(zhuǎn)換為 uni-app 項(xiàng)目
使用【miniprogram-to-uniapp】可以將微信小程序項(xiàng)目轉(zhuǎn)為 uni-app 項(xiàng)目(新版本 HBuilderX 工具已經(jīng)支持各種小程序轉(zhuǎn)換插件) HBuilderX 插件地址：miniprogram-to-uniapp v2 - DCloud 插件市場(chǎng) 核心原理：使用 Babel 獲取AST(詞法分析)，然后或使用 Babel 自帶函數(shù)增刪，或正則分析替換等等操作支持的
2024年02月04日
瀏覽(89)
uni-app 微信小程序中如何通過(guò) canvas 畫(huà)布實(shí)現(xiàn)電子簽名？
一、實(shí)際應(yīng)用場(chǎng)景電子簽名軟件應(yīng)用場(chǎng)景：電子簽名在金融、銀行、貸款行業(yè)中可以用于對(duì)內(nèi)日常辦公流轉(zhuǎn)的文檔的蓋章簽字，對(duì)外涉及業(yè)務(wù)合作協(xié)議，采購(gòu)合同，貸款申請(qǐng)、信用評(píng)估、貸款合同、貸款文件表、說(shuō)明函等等。可以說(shuō)，只要是涉及紙質(zhì)文檔簽字蓋章的場(chǎng)景，
2024年02月10日
瀏覽(26)
【微信小程序】如何獲得自己當(dāng)前的定位呢？本文利用逆地址解析、uni-app帶你實(shí)現(xiàn)
目錄前言效果展示一、在騰訊定位服務(wù)配置微信小程序JavaScript SDK 二、使用uni-app獲取定位的經(jīng)緯度三、?逆地址解析，獲取精確定位四、小提示在瀏覽器搜索騰訊定位服務(wù)，找到官方網(wǎng)站，利用微信或者其他賬號(hào)注冊(cè)登錄，登錄后如下圖操作點(diǎn)進(jìn)去之后，可以看到如下圖
2024年01月19日
瀏覽(27)
uni-app開(kāi)發(fā)微信小程序的報(bào)錯(cuò)[渲染層錯(cuò)誤]排查及解決
一、報(bào)錯(cuò)信息 [渲染層錯(cuò)誤] Framework nner error (expect FLOW INITIALCREATION end but get FLOW CREATE-NODE) 二、原因分析及解決方案第一種原因：基礎(chǔ)庫(kù)版本的原因?qū)е碌摹?解決： 1.修改調(diào)試基礎(chǔ)庫(kù)版本 2.詳情—本地設(shè)置—調(diào)試基礎(chǔ)庫(kù)，選擇了最新的版本第二種原因：分包文件中引入了其
2024年02月05日
瀏覽(28)
微信小程序uni-app
小程序是一種不需要下載、安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用觸手可及的夢(mèng)想，用戶(hù)掃一掃或者搜一下就能打開(kāi)應(yīng)用，也實(shí)現(xiàn)了用完即走的理念，用戶(hù)不用安裝太多應(yīng)用，應(yīng)用隨處可用，但又無(wú)須安裝卸載。微信開(kāi)發(fā)文檔 1、工作原理網(wǎng)頁(yè)開(kāi)發(fā)，渲染線(xiàn)程和腳本是互斥的
2024年02月10日
瀏覽(106)
微信小程序授權(quán)（uni-app)
概述為了避免重復(fù)開(kāi)發(fā)，自己封裝了一個(gè)通用用戶(hù)授權(quán)回調(diào)方法，只需要傳入需要授權(quán)的scope，權(quán)限中文描述、回調(diào)函數(shù)，就可以實(shí)現(xiàn)一整套小程序是否授權(quán)、打開(kāi)授權(quán)設(shè)置，調(diào)用后續(xù)操作函數(shù)的工作功能可以根據(jù)自己的實(shí)際應(yīng)用進(jìn)行微調(diào) 目前使用的uni-app版本，可以根據(jù)自
2024年02月16日
瀏覽(99)
語(yǔ)法速通 uni-app隨筆【uni-app】【微信小程序】【vue】
其中， pages 目錄/ index 目錄【必有】： index.js 編寫(xiě)業(yè)務(wù)邏輯【初始數(shù)據(jù)，生命周期函數(shù)】 index.json 編寫(xiě)配置 index.wxml 編寫(xiě)模板【可理解為本頁(yè)html】 index.wxss 【可理解為本頁(yè)css】直接輸入敲回車(chē)，連尖括號(hào)都不需要就可以標(biāo)簽補(bǔ)全 1）初始數(shù)據(jù)寫(xiě)死在 index.wxml 引入變
2024年02月12日
瀏覽(228)
微信小程序web-view嵌入uni-app H5頁(yè)面，通過(guò)H5頁(yè)面跳轉(zhuǎn)其他小程序如何操作？
?微信小程序appId查看方法： 1）有后臺(tái)登錄權(quán)限的情況下：登錄微信公眾平臺(tái)后，微信公眾平臺(tái) 微信公眾平臺(tái)，給個(gè)人、企業(yè)和組織提供業(yè)務(wù)服務(wù)與用戶(hù)管理能力的全新服務(wù)平臺(tái)。 https://mp.weixin.qq.com/ 點(diǎn)擊右上角logo，在“帳號(hào)信息”中找到AppID(小程序ID) 2）沒(méi)有后臺(tái)登錄權(quán)
2024年02月11日
瀏覽(91)
uni-app微信小程序使用echarts
前言：本來(lái)是使用的ucharts，但因?yàn)闊o(wú)法監(jiān)聽(tīng)圖例點(diǎn)擊交互，滿(mǎn)足不了需求，所以只能放棄。首先，下載echart組件?？梢韵入S便建個(gè)文件夾，然后 npm init。接著下載依賴(lài) 然后找到 node_modulesmpvue-echarts下的文件，如圖只留下src，其他的刪掉（沒(méi)有用到）。然后復(fù)制 mpvue-echart
2024年02月10日
瀏覽(96)
【uni-app微信小程序】實(shí)現(xiàn)支付功能
實(shí)現(xiàn)微信支付功能需要在小程序后臺(tái)配置支付相關(guān)信息，并且在前端代碼中調(diào)用微信支付API進(jìn)行支付操作。好的， uni-app微信小程序?qū)崿F(xiàn)支付功能整體流程大致如下：注冊(cè)微信公眾平臺(tái)，并完成開(kāi)發(fā)者資質(zhì)認(rèn)證；在微信商戶(hù)平臺(tái)注冊(cè)商戶(hù)賬號(hào)，并完成商戶(hù)資質(zhì)認(rèn)證；在商戶(hù)
2024年02月13日
瀏覽(115)