>  기사  >  위챗 애플릿  >  미니 프로그램 내 h5 태그 호환 페이지 분석

미니 프로그램 내 h5 태그 호환 페이지 분석

不言
不言원래의
2018-08-10 16:49:203716검색

이 글의 내용은 미니 프로그램 내 페이지의 호환되는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.