ミニプログラムのh5タグに対応したページの解析

この記事の内容は、ミニプログラム内のページの互換性のある h5 タグの分析に関するものです。必要な方は参考にしていただければ幸いです。

ミニプログラムがバックグラウンドからデータを取得する際、HTMLタグが含まれている記事をミニプログラムに入れると、互換性のないタグがたくさんあることがわかり、いちいち変更するのは非常に面倒です。 . すぐに変更する方法はありますか？ 互換性のあるHTMLタグはどうですか？
それを実行できるツールがあります: wxParse

その圧縮パッケージをダウンロードして解凍し、wxParse フォルダーをコピーしてミニプログラムページのページに置きます:

wxml で導入します。ここでのパスは参照用です。のみ:

<import src="../../../../wxParse/wxParse.wxml" />//在需要放置html文本的地方使用wxParse组件 <view class=&#39;article_bd&#39;>
    <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 サイトの他の関連記事を参照してください。