Home

Website Source Code

Mini program source code

WeChat applet Markdown rendering library

Download Now Preview

How to use

1. Preparation:

Download and copy the wemark directory to the root directory of the mini program
Reference style in WXSS: @import '../wemark/wemark.wxss'
Reference structure in WXML: <import src="../wemark/wemark.wxml"/>
Reference wemark in JS: var wemark = require('wemark')
2. JS part

First, you need to determine a data name for wemark rendering (wemark by default), and then specify it in the data of the page:
page({
data:{ // Determine a data name wemark:{}
}
});
Next, in the Page's life cycle function (such as onReady), call wemark.parse(md, this, options).
Specific parameter description:
md, required, Markdown string that needs to be rendered
this, required, Page instance
options, other parameters
imageWidth, the width of the image. If it contains an image, it is required, in px. The new version of the mini program images can adapt to the width and height
name, corresponding to the data name specified above, the default is wemark
3. WXML part

//The parameters in data are consistent with the data names determined above
<template is="wemark" data="{{...wemark}}"></template>
Example

//Introduce wemark var wemark = require('../wemark/wemark'); // Markdown text that needs to be rendered var md = '# hello, world\n\nI love you, wemark!'; Page({
data: { // Determine a data name wemark:{}
}, onReady: function(){ wemark.parse(md, this, { // The new version of the applet can adapt to the width and height // imageWidth: wx.getSystemInfoSync().windowWidth - 40, name: 'wemark' })
}
});

Disclaimer

All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn

What are the development tools for H5 and mini program?

06 Apr 2025

H5 development tools recommendations: VSCode, WebStorm, Atom, Brackets, Sublime Text; Mini Program Development Tools: WeChat Developer Tools, Alipay Mini Program Developer Tools, Baidu Smart Mini Program IDE, Toutiao Mini Program Developer Tools, Taro.

Can C Code Be Decompiled, and How Accurate Are the Results?

30 Nov 2024

Recovering Lost C Source Code: Exploring Decompilation OptionsLosing the source code to a C program can be frustrating, but it's not...

How does the WeChat applet TDesign UI library CSS selector: .t-grid--card take effect?

05 Apr 2025

WeChat applet TDesignUI library CSS selector parsing when using WeChat applet TDesign...

How Can I Configure VS Code to Build C Programs with Multiple .cpp Files?

21 Dec 2024

VS Code Builds C Programs with Multiple .cpp Source FilesWhen building a C program with multiple .cpp source files in Visual Studio Code, it's...

Can I Decompile a Compiled Go Program?

12 Nov 2024

Can I Decompile a Compiled Go Program?No, it is not possible to decompile a compiled Go program back into its original Go source code. Here's a...

How to adapt to 49% wide 200px high containers in mini program carousel pictures?

04 Apr 2025

Mini Program CSS Style Adaptation Problem: How to make the carousel picture adaptive container? Many developers will encounter the problem of image adaptation in mini program development. ...

What are the different ways of promoting H5 and mini programs?

06 Apr 2025

There are differences in the promotion methods of H5 and mini programs: platform dependence: H5 depends on the browser, and mini programs rely on specific platforms (such as WeChat). User experience: The H5 experience is poor, and the mini program provides a smooth experience similar to native applications. Communication method: H5 is spread through links, and mini programs are shared or searched through the platform. H5 promotion methods: social sharing, email marketing, QR code, SEO, paid advertising. Mini program promotion methods: platform promotion, social sharing, offline promotion, ASO, cooperation with other platforms.

How to Build C Projects with Multiple .cpp Files in VS Code?

03 Jan 2025

VS Code Unable to Build C Program with Multiple .cpp Source FilesOne of the common challenges in using VS Code for C development is building...

First time here----smarty, first time here_PHP tutorial

13 Jul 2016

New here - smarty, new here. First time here----smarty, first time here Smarty Day01-----Usage of smarty Function: Separate php html, program and art Usage: 1. Download the source code package 2. Directory structure libs source code file

See all articles