小程序如何接入富文本編輯？下面本篇文章給大家介紹一下。
有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。
微信小程序中比如活動說明，簡介這樣的圖文介紹說明頁面，后臺通常配置成富文本編輯框，由后臺直接輸入內(nèi)容，然后在小程序界面展現(xiàn)。
但是富文本編輯提取到內(nèi)容是html格式的，寫法與小程序的wxml并不一致，那么怎么樣才能做到富文本能夠在小程序頁面中顯示呢？有位大牛開發(fā)了一個模板叫作wxParse，可以直接引入小程序使用。
引入方式及使用方法page{
width: 100%;
height: 100%;
background: #e4382e;
overflow: auto;
}
.js代碼：
const app = getApp() //引入wxParse var WxParse = require('
../../../components/wxParse/wxParse.js'
);
Page({
/** * 頁面的初始數(shù)據(jù) */ data: {
}
, /** * 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function (options) {
wx.showLoading({
title: '
加載中'
, mask: true }
) var that = this;
console.log(options) that.setData({
activityId: options.activityId }
) wx.request({
url: app.globalData.subDomain + '
/GetActivityInfo'
, data: {
token: app.globalData.token, activity: that.data.activityId }
, method: '
POST'
, success: function(res){
//獲取html代碼 WxParse.wxParse('
article'
, '
html'
, that.data.article, that, 5);
wx.hideLoading();
}
}
) }
js部分要注意兩點:第一點是在page函數(shù)之前引入wxParse第二點是在獲取到html后執(zhí)行WxParse.wxParse('
article'
, '
html'
, that.data.article, that, 5)其中的article就是獲取到的html代碼這類文章相信也有不少，這種組件的寫法還是老式的小程序?qū)懛?，小程序新版的組件寫法已經(jīng)跟現(xiàn)在不一樣了，不知道這個插件的開發(fā)者以后會不會也轉(zhuǎn)換為最新的方式。
總之，現(xiàn)在小程序還是支持這種寫法的。
推薦：
《小程序開發(fā)教程》以上就是小程序如何接入富文本編輯？的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標簽：
小程序本文轉(zhuǎn)載于：
csdn，如有侵犯，請聯(lián)系[email protected]刪除
上一篇：
小程序如何接入微信支付？（開發(fā)教程介紹）
下一篇：
小程序中如何管理session？相關(guān)文章相關(guān)視頻小程序API可以實現(xiàn)什么功能？小程序如何實現(xiàn)分頁加載數(shù)據(jù)功能？小程序如何接入和維護微信登錄態(tài)？小程序如何接入微信支付？（開發(fā)教程介紹）小程序如何接入富文本編輯？認識小程序的目錄結(jié)構(gòu)小程序的rpx長度單位詳解布局奔牛課堂小程序搜素框 [溫州做小程序]