ホームページ  >  記事  >  WeChat アプレット  >  ミニプログラムのh5タグに対応したページの解析

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

不言
不言オリジナル
2018-08-10 16:49:203720ブラウズ

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

ミニプログラムがバックグラウンドからデータを取得する際、HTMLタグが含まれている記事をミニプログラムに入れると、互換性のないタグがたくさんあることがわかり、いちいち変更するのは非常に面倒です。 . すぐに変更する方法はありますか? 互換性のあるHTMLタグはどうですか?
それを実行できるツールがあります: wxParse
ミニプログラムのh5タグに対応したページの解析
その圧縮パッケージをダウンロードして解凍し、wxParse フォルダーをコピーしてミニプログラムページのページに置きます:
ミニプログラムのh5タグに対応したページの解析
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: &#39;&#39;
  },
   onLoad: function(options) {     var that = this;
     .....     //在后台拿到content数据后, result.data.content就是拿到的数据
      wxparse.wxParse(&#39;content&#39;, &#39;html&#39;, result.data.content, that);
   }

wxss で導入:

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

関連する推奨事項:

WeChat ミニ プログラムでの app.json 構成のコード分析

ミニ プログラムでのページ レイアウトと絶対位置とボタン コード

以上がミニプログラムのh5タグに対応したページの解析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。