Analyse von Seiten, die mit h5-Tags in Miniprogrammen kompatibel sind

Der Inhalt dieses Artikels befasst sich mit der Analyse der kompatiblen h5-Tags der Seiten im Miniprogramm. Ich hoffe, dass er für Sie hilfreich ist.

Wenn das Miniprogramm Daten aus dem Hintergrund abruft, handelt es sich manchmal um einen Artikel mit HTML-Tags. Wenn Sie ihn in das Miniprogramm einfügen, werden Sie feststellen, dass viele Tags nicht kompatibel sind Gibt es eine Möglichkeit, schnell mit HTML-Tags kompatibel zu sein?
Es gibt ein Tool, das das kann: wxParse

Laden Sie das komprimierte Paket herunter, entpacken Sie es, kopieren Sie den wxParse-Ordner und legen Sie ihn auf der Seite mit den Miniprogrammseiten ab:

Eingeführt in wxml, der Pfad hier dient nur als Referenz:

<import src="../../../../wxParse/wxParse.wxml" />//在需要放置html文本的地方使用wxParse组件 <view class=&#39;article_bd&#39;>
    <template is="wxParse" data="{{wxParseData:content.nodes}}" />
  </view>

Eingeführt in 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);
   }

Eingeführt in wxss:

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

Verwandte Empfehlungen:

Codeanalyse der app.json-Konfiguration im WeChat-Miniprogramm

Seitenlayout, absolute Positionierung und Schaltflächencode im Miniprogramm

Das obige ist der detaillierte Inhalt vonAnalyse von Seiten, die mit h5-Tags in Miniprogrammen kompatibel sind. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!