집

웹사이트 소스 코드

미니 프로그램 소스 코드

WeChat 애플릿 Markdown 렌더링 라이브러리

지금 다운로드 시사

사용 방법

1. 준비:

wemark 디렉터리를 다운로드하여 미니 프로그램의 루트 디렉터리에 복사하세요
WXSS의 참조 스타일: @import '../wemark/wemark.wxss'
WXML의 참조 구조: <import src="../wemark/wemark.wxml"/>
JS의 참조 wemark: var wemark = require('wemark')
2. JS파트

먼저 wemark 렌더링을 위한 데이터 이름(기본적으로 wemark)을 결정한 다음 페이지 데이터에 이를 지정해야 합니다.
페이지({
data:{ // 데이터 이름 결정 wemark:{}
}
});
다음으로 페이지의 수명 주기 함수(예: onReady)에서 wemark.parse(md, this, options)를 호출합니다.
특정 매개변수 설명:
md, 필수, 렌더링해야 하는 마크다운 문자열
이것, 필수, 페이지 인스턴스
옵션, 기타 매개변수
imageWidth, 이미지 너비(이미지가 포함된 경우 필수)입니다. 새 버전의 미니 프로그램 이미지는 너비와 높이에 맞춰 조정될 수 있습니다
위에서 지정한 데이터 이름에 해당하는 이름은 기본적으로 wemark
로 설정됩니다. 3. WXML 부분

//데이터의 매개변수는 위에서 결정된 데이터 이름과 일치합니다
<template is="wemark" data="{{...wemark}}"></template>
예

//wemark 소개 var wemark = require('../wemark/wemark'); // 렌더링해야 할 마크다운 텍스트 var md = '# hello, worldnn사랑해요, wemark!'; data: { // 데이터 이름 결정 wemark:{}
}, onReady: function(){ wemark.parse(md, this, { // 애플릿의 새 버전은 너비와 높이에 적응할 수 있습니다. // imageWidth: wx.getSystemInfoSync().windowWidth - 40, name: 'wemark ' })
}
});

부인 성명

이 사이트의 모든 리소스는 네티즌이 제공하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 사이트의 모든 리소스는 학습 참고용으로만 사용됩니다. 상업적 목적으로 사용하지 마시기 바랍니다. 그렇지 않으면 모든 결과에 대한 책임은 귀하에게 있습니다! 침해가 있는 경우 당사에 연락하여 삭제하시기 바랍니다. 연락처: admin@php.cn

관련 기사

미니 프로그램 간단한 PHP 다중 이미지 업로드 미니 프로그램 코드

29 Jul 2016

미니 프로그램: 미니 프로그램은 간단한 PHP 다중 이미지 업로드 미니 프로그램 코드입니다. 먼저 소스 코드를 업로드한 후 자신의 컴퓨터에 복사하여 실행할 수 있습니다. ~ 다음과 같이 코드를 복사하세요. <html> <meta http-equiv=" Content-Type" c method="post" enctype="multipart/form-data"> <input type="file" name="img[]" /><br /> <입력 유형

WeChat 공개 플랫폼 소스 코드 Micropower WM_V2.0520 UTF8 버전 프로그램

25 Jul 2016

WeChat 공개 플랫폼 소스 코드 Micropower WM_V2.0520 UTF8 버전 프로그램

미니 프로그램 회전 목마 사진에서 49% 너비의 200px 높은 컨테이너에 적응하는 방법?

04 Apr 2025

미니 프로그램 CSS 스타일 적응 문제 : 회전식 사진을 적응 형 컨테이너로 만드는 방법? 많은 개발자들이 미니 프로그램 개발에서 이미지 적응 문제에 직면하게됩니다. ...

프로그램 보안을 향상시키기 위해 PHP에서 HTML 코드를 필터링하는 HTML 소스 코드 기능

29 Jul 2016

html 소스 코드: html 소스 코드 PHP에서 html 코드를 필터링하는 기능은 프로그램 보안을 향상시킵니다. 다음은 HTML 코드를 필터링하는 기능입니다. 다음과 같이 코드를 복사합니다. function ihtmlspecialchars($string) { if(is_array($string)) { foreach( $string as $key => $val) { $string[$key] = ihtmlspecialchars($val) } } else { $string = preg_replace

필레 : 라즈베리 파이로 구동되는 모듈 식 휴대용 미니 컴퓨터

06 Mar 2025

Discover Pilet : 레트로 연료의 오픈 소스 미니 컴퓨터 클래식 스타일을 최첨단 기술과 혼합하는 미니 컴퓨터를 찾고 계십니까? Raspberry Pi 5가 구동하는 모듈 식 오픈 소스 놀라운 Pilet을 만나십시오. 7 시간의 배터리 수명을 자랑합니다.

H5와 미니 프로그램의 차이점은 무엇입니까?

06 Apr 2025

H5와 미니 프로그램 간의 지불 기능의 차이는 주로 다음 측면에 반영됩니다. 플랫폼 제한 사항 : H5는 모든 브라우저를 지원하고 미니 프로그램은 특정 플랫폼에서만 사용할 수 있습니다. 결제 프로세스 : H5는 타사 인터페이스를 호출하여 완료해야하며 미니 프로그램을 직접 호출 할 수 있습니다. 지불 경험 : H5 프로세스는 번거롭고 미니 프로그램 프로세스는 간단하고 매끄 럽습니다. 보안 : H5 보안은 브라우저 및 타사 플랫폼에 의존하며 미니 프로그램은 더 안전합니다. 마케팅 기능 : H5는 마케팅 요소를 포함시킬 수 있으며 미니 프로그램의 마케팅 기능은 플랫폼 정책에 따라 제한됩니다. 데이터 분석 : H5에는 데이터를 수집하기위한 타사 도구가 필요하며 Mini 프로그램 플랫폼은 풍부한 분석 도구를 제공합니다. 사용 시나리오 : H5는 크로스 플랫폼 결제에 적합하며 미니 프로그램은 특정 플랫폼 내에서 지불에 적합합니다.

UNI-APP이란 무엇이며 왜 크로스 플랫폼 개발에 사용합니까?

11 Mar 2025

이 기사에서는 vue.js를 사용하여 단일 코드베이스에서 iOS, Android 및 미니 프로그램 앱을 구축하기 위해 크로스 플랫폼 프레임 워크 인 UNI-APP을 살펴 봅니다. Uni-App의 효율성, 사용 편의성 (특히 Vue.js 사용자) 및 광범위한 미니 프로그램 SUP를 강조합니다.

모바일 CRM 기업 소스 코드, 모바일 OA 소스 코드, 휴대폰 컨퍼런스 소스 코드 풀 세트 판매

25 Jul 2016

모바일 CRM 기업 소스 코드, 모바일 OA 소스 코드, 휴대폰 컨퍼런스 소스 코드 풀 세트 판매

판매용으로 완전히 맞춤화된 기업 인스턴트 메시징 소스 코드/영상 감시 소스 코드/화상 회의 소스 코드

25 Jul 2016

판매용으로 완전히 맞춤화된 기업 인스턴트 메시징 소스 코드/영상 감시 소스 코드/화상 회의 소스 코드

See all articles