Hintergrund
Bei der Entwicklung des Yideng WeChat -Applets für die WeChat-Anmeldeplattform für persönliche Websites gibt es auf der Webseite verschiedene persönliche Markdown-Rendering-Engines, z. B. diesen Markdown-Editor, der unbesiegbar ist, da die Dokumentation im Markdown-Format geschrieben ist! .
Dies ist jedoch das erste Mal, dass ich Markdown in einem kleinen Programm rendern muss. Ich habe verschiedene Lösungen ausprobiert, aber es gibt überall Fallstricke. Außerdem ist der endgültige Rendering-Effekt auch schrecklich. Nachdem ich unzählige Fallstricke durchgemacht hatte, fand ich schließlich wemark, das mein Dokument perfekt wiedergab.
wemark kann Markdown-Inhalte mit einem kleinen Programm rendern und unterstützt die meisten Markdown-Funktionen, einschließlich Bilder und Tabellen. Eine ausführliche Einführung finden Sie unter folgendem Link:
Gitee-Adresse: Dieser Markdown-Editor ist unbesiegbar!
Wemark installieren
- Laden Sie den Wemark-Quellcode herunter
git clone https://gitee.com/gitwcx/wemark.git
- Kopieren Sie das Wemark-Verzeichnis in das statische Verzeichnis von uni-app
- Führen Sie wemark in Seiten ein, die Markdown rendern müssen
import wemark from '@/static/wemark/wemark.js'
export default {
components: {
wemark
},
data() {
return {
content: 'markdown',
}
}
}
- Vue-Code
<wemark :md="content" link highlight type="wemark"></wemark>