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;
}

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!