Comment intégrer le plug-in markdown dans HTML [moteur de modèle thymleaf utilisé par le projet springboot (version idée)]

Cette fois, nous présentons comment la partie avant de l'éditeur de démarque intégré dans leur projet springboot (idée + moteur de modèle thymleaf), l'effet est montré ci-dessous: le
Insérez la description de l'image ici
site officiel de markdown de l' adresse de téléchargement du plug-in est: plug-in markdown-Télécharger
ici offre également Baidu cloud de :
Lien: https://pan.baidu.com/s/1KzC-j8IO-WSpnaIgMlKDqw
Code d'extraction: Après la
décompression de zbji , nous pouvons voir la structure des répertoires comme suit: Insérez la description de l'image iciTout d'abord, nous allons dans le dossier exemple de ce dossier et ouvrons la page simple
Insérez la description de l'image ici
Ceci est notre modèle, puis comment l'importer dans votre projet frontal.
Importez ensuite le fichier html dans votre répertoire de modèles.
Insérez la description de l'image ici
Ensuite, nous pouvons voir des références à celui-ci en css et js, css supprimer d'autres répertoires tels que:
Insérez la description de l'image iciInsérez la description de l'image ici
control où nous avons admis ces fichiers jusqu'à la valeur statique:
Insérez la description de l'image ici
ainsi que editor.md-master \ examples \ css under Insérez la description de l'image ici
et editor.md- Sous master \ examples \ js : Insérez la description de l'image icicopiez-le dans votre propre répertoire statique. Pour plus de clarté, placez css sous le dossier css et js sous le dossier js. La structure du répertoire est la suivante:
Insérez la description de l'image ici
selon cette structure de répertoire, modifiez légèrement la référence href Le chemin peut être!
Insérez la description de l'image ici
Insérez la description de l'image iciEnsuite, configurez votre propre contrôleur , visitez simplement!
Si la page ne peut pas être chargée et que le style (F12) n'est pas affiché, vérifiez si la ressource est 404. Si le 404 est trouvé, le chemin est erroné. Vérifiez-le, ou le fichier n'est pas copié ou l'ordre du fichier source est changé. Ces points doivent être notés!
J'espère aider tout le monde, merci!

Je suppose que tu aimes

Origine blog.csdn.net/Pzzzz_wwy/article/details/106026197
conseillé
Classement