Maison Code source du site Web Code source du mini-programme Bibliothèque de rendu Markdown de l'applet WeChat

Bibliothèque de rendu Markdown de l'applet WeChat

Comment utiliser

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 ' })
}
});
Clause de non-responsabilité

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

EasyWeChat et PHP réalisent la fonction de connexion utilisateur de l'applet WeChat EasyWeChat et PHP réalisent la fonction de connexion utilisateur de l'applet WeChat

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({

Code personnalisé de la fenêtre contextuelle de l'applet WeChat Code personnalisé de la fenêtre contextuelle de l'applet WeChat

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.

Notes de développement de l'applet WeChat, collectionnez-les ! ! Notes de développement de l'applet WeChat, collectionnez-les ! !

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.

Débogage de l'applet WeChat Débogage de l'applet WeChat

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,...

Tutoriel d'utilisation de l'applet Flutter WeChat Tutoriel d'utilisation de l'applet Flutter WeChat

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

Comment se déconnecter de l'applet WeChat ? Comment se déconnecter de l'applet WeChat ?

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.

Pratique d'intégration et de développement de Spring Boot et de l'applet WeChat Pratique d'intégration et de développement de Spring Boot et de l'applet WeChat

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.

Explication détaillée de l'exemple de production de page de connexion de l'applet WeChat Explication détaillée de l'exemple de production de page de connexion de l'applet WeChat

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.

Utilisez l'applet WeChat pour implémenter la fonction de positionnement sur la carte Utilisez l'applet WeChat pour implémenter la fonction de positionnement sur la carte

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

See all articles See all articles

Hot Tools

Démo du mini programme WeChat : imitation d'un centre commercial

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

À 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

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

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

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

Hot Article

Luma Island : Comment obtenir des jetons d'outils
14 Nov 2024 Guide du jeu mobile
Île de Luma : comment faire éclore un Luma
28 Nov 2024 Guide du jeu mobile
Supervive : Guide de construction de Shrike
27 Nov 2024 Guide du jeu mobile
Île de Luma : toutes les professions expliquées
28 Nov 2024 Guide du jeu mobile