Maison > interface Web > tutoriel HTML > Comment afficher le contenu au format HTML dans l'applet WeChat (tutoriel graphique)

Comment afficher le contenu au format HTML dans l'applet WeChat (tutoriel graphique)

亚连
Libérer: 2018-05-19 10:55:54
original
5883 Les gens l'ont consulté

L'article suivant vous présente principalement la méthode d'affichage du contenu au format html dans l'applet WeChat. Les amis dans le besoin peuvent s'y référer.

Avant-propos

Dans un projet récent, j'ai rencontré le besoin d'afficher le contenu des actualités dans l'applet WeChat. Le contenu des actualités est lu à partir du. serveur via l'interface. Le contenu du texte enrichi est au format html. L'applet ne prend pas en charge l'affichage du contenu au format html par défaut. Lorsque nous avons besoin d'afficher du contenu html, nous pouvons utiliser wxParse pour y parvenir.

Préparation :

Nous téléchargeons d'abord wxParse

adresse github : https:// github .com/icindy/wxParse

Téléchargement local : http://xiazai.jb51.net/201704/yuanma/wxParse-master(jb51.net).rar


wxParse

Après le téléchargement, nous devons utiliser le dossier wxParse dans le répertoire et le copier dans le répertoire de notre projet

Le Voici les étapes d'utilisation spécifiques

1. Dans le fichier de style global app.wxss, vous devez introduire la feuille de style wxParse

@import "/page/wxParse/wxParse.wxss";
Copier après la connexion

2.

var WxParse = require('../../wxParse/wxParse.js');
Copier après la connexion

dans le fichier js correspondant à la page qui doit charger le contenu html 3. Définissez le contenu html en appelant la méthode WxParse.wxParse. 4. Sur la page Référencez le modèle dans

/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
Copier après la connexion
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);
 }
 })
 }
})
Copier après la connexion
afin que le contenu html puisse être intégré dans l'applet WeChat

<import src="../../wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>
Copier après la connexion

Résumé

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir. Articles connexes :

Comment implémenter QQ,

WeChat

et le code de paiement trois-en-un Alipay à l'aide de PHP

Implémentation PHPWeChat

Explication détaillée de l'interface de menu personnalisée pour les comptes publics et les comptes d'entreprise

Implémentation PHP de l'APPWeChat

Analyse des cas de paiement

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal