Dieser JavaScript parser erweitert die String Klasse um eine parseMarkdown() Methode, welche den mit markdown formatierten Content des Strings als HTML Code zurückgibt:
var markdown = "## Überschrift";
var html = markdown.parseMarkdown();
//html enthält "<h2>Überschrift</h2>"
Durch diese einfache Handhabung kann der Parser schnell in jegliche Schnittstelle integriert werden. Im folgenden Beispiel wird gezeigt, wie der in markdown formatierte Inhalt eines Elements, mit der id "markdown", in HTML umgewandelt wird:
var el = document.getElementById("markdown");
el.innerHTML = el.innerHTML.parseMarkdown();
//sobald das Script ausgeführt wird, das entsprechende HTML eingefügt
Genau so einfach kann dieser Parser in quasi jede Schnittstelle implementiert werden: Gästebücher, Kommentarbereiche, Foren, Wikis... Der Parser sollte in jedem System innerhalb weniger Minuten integriert sein, da lediglich eine kleine Codeanpassung nötig ist.
Der Parser besteht aus nur 50 Zeilen JS-Code und kann mit nur einer Zeile HTML eingebunden werden:
<script src="js/markdown2html.js"></script>
# Überschrift
## Überschrift 2
*kursiver Text*
**fetter Text**
>Blockquote
* Unnumerierte Liste (ul)
1. Nummerierte Liste (ol)
[Text](http://www.der-link.de)
[Text](http://www.der-link.de "Titel")
http://der-link.de
