Bibliothèque de rendu Markdown de l'applet WeChat
1. Préparation :
Téléchargez et copiez le répertoire wemark dans le répertoire racine du mini programme
Style de référence dans WXSS : @import '../wemark/wemark.wxss'
Structure de référence en WXML : <import src="../wemark/wemark.wxml"/>
Référence wemark en JS : var wemark = require('wemark')
2. Partie JS
Tout d'abord, vous devez déterminer un nom de données pour le rendu wemark (wemark par défaut), puis le spécifier dans les données de la page :
page({
data :{ // Détermine un nom de données wemark :{}
}
});
Ensuite, dans la fonction de cycle de vie de la page (telle que onReady), appelez wemark.parse(md, this, options).
Description spécifique du paramètre :
md, obligatoire, chaîne Markdown qui doit être rendue
ceci, obligatoire, instance de page
options, autres paramètres
imageWidth, la largeur de l'image, si elle contient une image, c'est obligatoire, en px La nouvelle crackée du mini programme images peut s'adapter à la largeur et à la hauteur
. name, correspondant au nom de données spécifié ci-dessus, est par défaut wemark
3. Partie WXML
//Les paramètres dans data sont cohérents avec les noms de données déterminés ci-dessus
<template is="wemark" data="{{...wemark}}"></template>
Exemple
//Introduire wemark var wemark = require('../wemark/wemark'); // Texte Markdown qui doit être rendu var md = '# bonjour, mondennJe t'aime, wemark !'; data : { // Déterminer un nom de données wemark :{}
}, onReady : function(){ wemark.parse(md, this, { // La nouvelle crackée de l'applet peut s'adapter à la largeur et à la hauteur // imageWidth : wx.getSystemInfoSync().windowWidth - 40, name : 'wemark ' })
}
});
Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn
Article connexe
19 Jul 2023
EasyWeChat est un SDK WeChat open source basé sur PHP, qui simplifie le processus d'interaction entre les développeurs et les comptes officiels et mini-programmes WeChat. Dans cet article, je vais présenter comment utiliser EasyWeChat et PHP pour implémenter la fonction de connexion utilisateur de l'applet WeChat et joindre un exemple de code. Tout d’abord, nous devons obtenir le code d’identification de connexion WeChat de l’utilisateur sur le mini-programme. Les informations de connexion de l'utilisateur peuvent être obtenues via l'interface wx.login() du mini-programme. La méthode d'acquisition est la suivante : wx.login({
23 Jun 2018
Cet article présente principalement les informations pertinentes sur l'exemple de code personnalisé de la fenêtre contextuelle du mini programme WeChat. Parfois, lors de projets de développement, il est nécessaire de modifier les composants du système d'origine en fonction des besoins du client. fenêtre contextuelle dans le mini programme Amis qui en ont besoin Vous pouvez vous y référer.
09 Oct 2020
La colonne Tutoriel de développement du programme WeChat Mini vous présente aujourd'hui les notes de développement du programme WeChat Mini, jetez-y un œil.
04 Apr 2017
Le mini-programme WeChat est lancé depuis longtemps et j'ai récemment commencé à avoir le temps de le bricoler. Comme je n'ai jamais écrit de code front-end, cet article de blog résume également mon propre processus d'exploration et de recherche, j'espère. cela sera utile aux étudiants comme moi qui n'ont aucune expérience front-end. 1. Le processus de publication du mini-programme d'environnement est le suivant : 1.1 L'authentification WeChat a des exigences d'enregistrement différentes en fonction des différents besoins des utilisateurs : les développeurs d'entreprise, qui disposent d'informations relatives à l'enregistrement de l'entreprise, peuvent se permettre les frais d'enregistrement de 500 afin de publier le mini-programme. programme en ligne ; l'entreprise ne donne pas de programmeur Money, dispose d'informations d'enregistrement de l'entreprise, ne veut pas payer de frais,...
15 Aug 2024
La configuration d'un environnement de développement Flutter pour les programmes WeChat Mini implique l'installation du SDK Flutter, du plug-in de programme WeChat Mini et la création d'un nouveau projet. Les étapes clés pour créer un mini programme WeChat à l'aide de Flutter incluent l'ajout du plugin, d
13 Jun 2020
Méthode pour vous déconnecter du mini-programme WeChat : 1. Ouvrez WeChat, déroulez vers le bas pour développer la barre de menu et cliquez sur le mini-programme ; 2. Dans l'interface du mini-programme, cliquez sur « Mon » dans le coin inférieur droit ; l'avatar dans le coin supérieur gauche ; 4. Dans la fenêtre contextuelle, cliquez sur "Déconnexion" dans l'interface pour terminer la déconnexion.
23 Jun 2023
Avec la popularité continue des mini-programmes WeChat, de plus en plus d'entreprises et de développeurs commencent à utiliser les mini-programmes WeChat pour le développement commercial. En tant que framework back-end Java populaire, SpringBoot est également largement utilisé dans de nombreuses entreprises et projets. Cet article expliquera comment intégrer SpringBoot à l'applet WeChat et développer des pratiques. 1. Intégration de SpringBoot et du programme WeChat Mini 1.1 Enregistrement et configuration du mini programme WeChat Tout d'abord, vous devez enregistrer le mini programme sur la plateforme publique WeChat et obtenir l'Ap du mini programme.
11 May 2018
Cet article présente principalement en détail le code de production de la page de connexion du mini-programme WeChat. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.
21 Nov 2023
Utilisation du programme WeChat Mini pour implémenter la fonction de positionnement sur carte En tant qu'application légère, le programme WeChat Mini offre une multitude de fonctionnalités, parmi lesquelles la fonction de positionnement sur carte est souvent utilisée par de nombreux développeurs de mini-programmes. Cet article explique comment utiliser l'applet WeChat pour implémenter la fonction de positionnement sur la carte et donne des exemples de code spécifiques. 1. Préparation Avant de commencer à écrire du code, nous devons d'abord créer un nouveau mini-projet de programme dans les outils de développement WeChat. Après avoir entré les outils de développement WeChat, sélectionnez le projet de mini-programme, remplissez le nom du projet, sélectionnez le répertoire de stockage et
Hot Tools
Démo du mini programme WeChat : imitation d'un centre commercial
Démo du mini programme WeChat : imitation d'un centre commercial, facile à démarrer et bonne introduction à certaines fonctions de base du centre commercial
À retenir : implémenter une fonctionnalité de type ancre
C'est la fonction d'ancrage similaire dont tout le monde a besoin. De plus, elle implémente également les fonctions de commande typiques de certaines applications à emporter. Il est recommandé d'étudier et d'étudier ;
Démo du mini programme WeChat : Lezhu
Démo du mini programme WeChat : Lezhu : similaire à une application utile basée sur la localisation, quelque peu similaire à l'esprit du mini programme de Zhang Xiaolong.
La démo du mini-jeu du programme WeChat sélectionne différents blocs de couleurs
La démo du mini-jeu du programme WeChat sélectionne différents blocs de couleurs
Démo de l'applet WeChat : transformation d'image en carrousel
Changement de style de graphique carrousel, un graphique carrousel simple implémenté avec un petit programme, facile à écrire