Maison > développement back-end > Problème PHP > Comment intégrer l'éditeur de démarques dans un site Web PHP

Comment intégrer l'éditeur de démarques dans un site Web PHP

王林
Libérer: 2023-02-24 11:54:01
original
3472 Les gens l'ont consulté

Comment intégrer l'éditeur de démarques dans un site Web PHP

Qu'est-ce que la démarque ?

Markdown est un langage de balisage qui peut être écrit à l'aide d'un éditeur de texte ordinaire. Grâce à une syntaxe de balisage simple, il peut donner au contenu texte ordinaire un certain format. Il utilise une syntaxe concise au lieu de la composition, contrairement aux logiciels de traitement de texte que nous utilisons, tels que Word, qui disposent d'un grand nombre de paramètres de composition et de police. Cela nous permet de nous concentrer sur le codage sans avoir besoin de modifications de composition supplémentaires, ce qui est simple et pratique. De nombreux éditeurs de webmasters aiment utiliser le markdown pour rédiger des articles. Des plates-formes telles que Jianshu et Open Source China prennent en charge l'édition du markdown.

Vous utilisez peut-être différents systèmes de création de sites Web pour développer des sites Web, mais ne vous inquiétez pas, l'intégration des démarques est très simple. Bien que les systèmes puissent être différents, les principes sont les mêmes. Ici, j'utilise mon propre site. un exemple., je n'expliquerai pas trop l'intégration interne du système Chanzhi, mais je démontrerai simplement le processus de fonctionnement global pour votre référence.

Processus opérationnel :

Tout d'abord, nous devons télécharger l'interpréteur showdown.js, portail : https://github.com/showdownjs/showdown

Introduisez ensuite showdown.js dans le fichier modèle de la page d'édition de contenu.

Introduisez le code JS suivant :

function compile(){
    var text = document.getElementById("content").value;
    var converter = new showdown.Converter();
    var html = converter.makeHtml(text);
    document.getElementById("result").innerHTML = html;
}
Copier après la connexion

Dans le code ci-dessus, le texte doit obtenir le contenu de l'article de la syntaxe markdown que vous avez saisie, puis instancier l'objet interpréteur, puis utilisez L'interpréteur traduit le contenu de l'article que vous avez saisi dans le contenu de l'interface de style cible, c'est-à-dire HTML, puis le génère.

Remarque : selon les opérations spécifiques des différents systèmes, certains peuvent impliquer la création de champs de base de données, etc. L'introduction du code diffère également en raison des différentes architectures système et principes d'expansion.

Le contenu ci-dessus est à titre de référence uniquement !

Tutoriel recommandé : Tutoriel vidéo PHP

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal