미니 프로그램 내 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!