WeChatミニプログラムでHTML形式のコンテンツを表示する方法（グラフィックチュートリアル）

次の記事では主にWeChatアプレットでHTML形式のコンテンツを表示する方法を紹介していますので、困っている方はぜひ参考にしてみてください。

前書き

私は最近のプロジェクトで、WeChat アプレットにニュース コンテンツを表示する必要があることに遭遇しました。ニュース コンテンツは、インターフェイスを通じて読み取られる、サーバー内のリッチ テキスト コンテンツです。アプレットはデフォルトではそれをサポートしていません。HTML 形式のコンテンツを表示する必要がある場合は、wxParse を使用してそれを実現できます。

準備:

まず、wxParseをダウンロードします

githubアドレス: https://github.com/icindy/wxParse

ローカルダウンロード: http://xiazai.jb51.net/201704/yuuma /wxParse-master(jb51.net).rar

wxParse

ダウンロード後、ディレクトリ内の wxParse フォルダーを使用して、以下のプロジェクト ディレクトリにコピーする必要があります

これらは具体的なものです使用手順

1. app.wxss グローバルスタイルファイルに、wxParse スタイルシートを導入する必要があります

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

2. HTML コンテンツを読み込む必要があるページに対応する js ファイルに wxParse を導入します

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

3 . WxParse.wxParse メソッドを呼び出して HTML コンテンツを設定します

/**
* 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);
 }
 })
 }
})

4. ページ内のテンプレートを参照して、WeChat アプレットに HTML コンテンツを埋め込むことができます

概要

上記は私です。皆さんのためにまとめました。今後皆さんのお役に立てれば幸いです。

関連記事: PHPを使用して

QQ、

WeChat

、Alipayのスリーインワン決済コードを実装する方法PHP実装

WeChat

パブリックアカウントとエンタープライズのカスタムメニューインターフェースの詳細説明アカウントPHP実装APP

WeChat

支払いケース分析

以上がWeChatミニプログラムでHTML形式のコンテンツを表示する方法（グラフィックチュートリアル）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。