WeChatミニプログラムでHTML形式のコンテンツを表示する方法

この記事では、主に WeChat アプレットで HTML 形式のコンテンツを表示する方法を紹介します。これは、必要な友人と共有できるようになりました。 HTML 形式のコンテンツを表示できない WeChat ミニ プログラムでも HTML 形式のコンテンツを表示できることがわかりました。以下の記事では、WeChat ミニ プログラムで HTML 形式のコンテンツを表示する方法を主に紹介します。必要な友達はそれを参照できます。以下を見てみましょう。

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

準備:

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

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

wxParse
ディレクトリを使用する必要があるの下の wxParse フォルダーをプロジェクト ディレクトリにコピーします

以下は具体的な使用手順です 1. app.wxss グローバル スタイル ファイルで、wxParse スタイル シートを導入する必要があります

htmlコンテンツをロードする必要があるページに対応するjsファイルにwxparseを導入します

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

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

4. ページ内のテンプレートを参照します

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

このようにして、WeChat アプレットに HTML コンテンツを埋め込むことができます

上記は、この記事が皆様のお役に立てれば幸いです。学習が役立つその他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

WeChat アプレットの WebStorm で LESS を使用する方法

WeChat アプレットの Redux バインディングの分析について

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