다음 글에서는 주로 WeChat 애플릿에서 HTML 형식의 콘텐츠를 표시하는 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있습니다.
머리말
최근 프로젝트에서 WeChat 애플릿에 뉴스 콘텐츠를 표시해야 하는 경우가 있었습니다. 뉴스 콘텐츠는 인터페이스를 통해 읽은 서버의 서식 있는 텍스트 콘텐츠입니다. 애플릿은 기본적으로 이를 지원하지 않습니다. html 형식의 콘텐츠가 표시되어야 할 경우 wxParse를 사용하여 이를 구현할 수 있습니다.
준비:
먼저 wxParse를 다운로드합니다
github 주소: https://github.com/icindy/wxParse
로컬 다운로드: http://xiazai.jb51.net/201704/ yuanma /wxParse-master(jb51.net).rar
wxParse
다운로드 후 디렉토리에 있는 wxParse 폴더를 이용하여 아래의 프로젝트 디렉토리
에 복사해야 합니다. 사용법 단계
1 app.wxss 전역 스타일 파일에 wxParse 스타일 시트
@import "/page/wxParse/wxParse.wxss";
2를 도입해야 합니다. html 콘텐츠를 로드해야 하는 페이지에 해당하는 js 파일에 wxParse를 도입하세요
var WxParse = require('../../wxParse/wxParse.js');
3. .WxParse.wxParse 메서드를 호출하여 html 콘텐츠를 설정하세요
/** * WxParse.wxParse(bindName , type, data, target,imagePadding) * 1.bindName绑定的数据名(必填) * 2.type可以为html或者md(必填) * 3.data为传入的具体数据(必填) * 4.target为Page对象,一般为this(必填) * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) */
Page({ data: { }, onLoad: function () { var that = this; wx.request({ url: '', method: 'POST', data: { 'id':13 }, header: { 'content-type': 'application/json' }, success: function(res) { var article = res.data[0].post; WxParse.wxParse('article', 'html', article, that,5); } }) } })
4. html 콘텐츠가 WeChat 애플릿에 포함될 수 있도록
요약 위 내용은 제가 모든 사람을 위해 정리한 것입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.
관련글: PHP
PHP 구현WeChat을 사용하여
QQ,WeChat 및 Alipay의 3가지 결제 코드를 구현하는 방법공용 계정 및 기업의 사용자 정의 메뉴 인터페이스에 대한 자세한 설명 account
PHP 구현 APPWeChat결제 사례 분석
위 내용은 WeChat 미니 프로그램에서 html 형식 콘텐츠를 표시하는 방법(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!