So zeigen Sie Inhalte im HTML-Format im WeChat-Miniprogramm an (grafisches Tutorial)

Der folgende Artikel stellt Ihnen hauptsächlich die Methode zur Anzeige von Inhalten im HTML-Format im WeChat-Applet vor. Lassen Sie uns gemeinsam einen Blick darauf werfen.

Vorwort

In einem aktuellen Projekt bin ich auf die Notwendigkeit gestoßen, Nachrichteninhalte im WeChat-Applet anzuzeigen. Der Nachrichteninhalt wird aus dem gelesen Der Rich-Text-Inhalt liegt im HTML-Format vor. Das Applet unterstützt standardmäßig nicht die Anzeige von HTML-Inhalten.

Vorbereitung:

Zuerst laden wir wxParse herunter

Github-Adresse: https://github .com/icindy/wxParse

Lokaler Download: http://xiazai.jb51.net/201704/yuanma/wxParse-master(jb51.net).rar

wxParse

Nach dem Herunterladen müssen wir den wxParse-Ordner im Verzeichnis verwenden und ihn in unser Projektverzeichnis kopieren

The Im Folgenden sind die spezifischen Verwendungsschritte aufgeführt: 1. In der globalen Stildatei app.wxss müssen Sie das wxParse-Stylesheet

@import "/page/wxParse/wxParse.wxss";

2 einfügen Laden Sie wxParse

var WxParse = require('../../wxParse/wxParse.js');

in die JS-Datei ein, die der Seite mit HTML-Inhalt entspricht. 3. Legen Sie den HTML-Inhalt fest, indem Sie die WxParse.wxParse-Methode

/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/

Page({
 data: {
 },
 onLoad: function () {
 var that = this;
 wx.request({
 url: '', 
 method: 'POST',
 data: {
 'id':13
 },
 header: {
 'content-type': 'application/json'
 },
 success: function(res) {
 var article = res.data[0].post;
 WxParse.wxParse('article', 'html', article, that,5);
 }
 })
 }
})

aufrufen

<import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

Auf diese Weise können HTML-Inhalte in das WeChat-Applet eingebettet werden

Zusammenfassung

Das oben Gesagte stammt von mir. Ich habe es für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird. Verwandte Artikel:

So implementieren Sie QQ,

WeChat

und Alipay Drei-in-Eins-Zahlungscode mit PHP

PHP-ImplementierungWeChat

Detaillierte Erläuterung der benutzerdefinierten Menüoberfläche für öffentliche Konten und Unternehmenskonten

PHP-Implementierung von APPWeChat

Zahlungsfallanalyse

Das obige ist der detaillierte Inhalt vonSo zeigen Sie Inhalte im HTML-Format im WeChat-Miniprogramm an (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!