ホームページ > 記事 > WeChat アプレット > ミニプログラムのh5タグに対応したページの解析
この記事の内容は、ミニプログラム内のページの互換性のある h5 タグの分析に関するものです。必要な方は参考にしていただければ幸いです。
ミニプログラムがバックグラウンドからデータを取得する際、HTMLタグが含まれている記事をミニプログラムに入れると、互換性のないタグがたくさんあることがわかり、いちいち変更するのは非常に面倒です。 . すぐに変更する方法はありますか? 互換性のあるHTMLタグはどうですか?
それを実行できるツールがあります: wxParse
その圧縮パッケージをダウンロードして解凍し、wxParse フォルダーをコピーしてミニプログラムページのページに置きます:
wxml で導入します。ここでのパスは参照用です。のみ:
<import src="../../../../wxParse/wxParse.wxml" />//在需要放置html文本的地方使用wxParse组件 <view class='article_bd'> <template is="wxParse" data="{{wxParseData:content.nodes}}" /> </view>
js で導入:
let wxparse = require("../../../../wxParse/wxParse.js"); Page({ /** * 页面的初始数据 */ data: { content: '' }, onLoad: function(options) { var that = this; ..... //在后台拿到content数据后, result.data.content就是拿到的数据 wxparse.wxParse('content', 'html', result.data.content, that); }
wxss で導入:
@import "../../../../wxParse/wxParse.wxss";
関連する推奨事項:
WeChat ミニ プログラムでの app.json 構成のコード分析
ミニ プログラムでのページ レイアウトと絶対位置とボタン コード以上がミニプログラムのh5タグに対応したページの解析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。