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

不言
リリース: 2018-06-26 16:42:38
オリジナル
8726 人が閲覧しました

この記事では、主に 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!