>  기사  >  웹 프론트엔드  >  WeChat 미니 프로그램에서 html 형식 콘텐츠를 표시하는 방법(그래픽 튜토리얼)

WeChat 미니 프로그램에서 html 형식 콘텐츠를 표시하는 방법(그래픽 튜토리얼)

亚连
亚连원래의
2018-05-19 10:55:545864검색

다음 글에서는 주로 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 구현 APP

WeChat결제 사례 분석

위 내용은 WeChat 미니 프로그램에서 html 형식 콘텐츠를 표시하는 방법(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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