Moin MB,
Hintergrund
ich arbeite mit einer Note-Taking-App welche Markdown verwendet. Die App rendert Markdown Notes zu HTML im Editor und zwar live. Man kann benutzerdefinierte CSS zur einem einzelnen gerenderten Note-Inhalt im Editor einbinden, sodass sich dieser gerenderte Note über CSS anders darstellt.
wieso erzeugt diese Software ohne Not eigentlich solchen HTML-Code?
<!DOCTYPE html> <html> <!-- head --> <body> <!-- content --> <div class="paragraph">...</div> <div class="header-1"><div class="h-1"><span>Titel</span></h1></div></div> <div class="paragraph">...</div> <div class="header-2"><div class="h-2"><span>Überschrift 1</span></div></div> <div class="header-3"><div class="h-3"><span>Überschrift 1.1. </span></div></div> <div class="paragraph">...</div> <div class="header-4"><div class="h-4"><span>Überschrift 1.1.1.</span></div></div> <div class="paragraph">...</div> <div class="paragraph">...</div> <div class="header-4"><div class="h-4"><span>Überschrift 1.1.2.</span></div></div> <div class="paragraph">...</div> <div class="header-3"><div class="h-3"><span>Überschrift 1.2.</span></div></div> <!-- content --> </body> </html>
Wie sieht denn der Markdown-Code dahinter aus? Meiner naiven Vorstellung nach sollte sich so etwas wie
# Titel
…
## Überschrift 1
###Überschrift 1.1.
…
#### Überschrift 1.1.1.
…
…
#### Überschrift 1.1.2.
…
### Überschrift 1.2.
doch ziemlich einfach in semantisches HTML á la
<h1>Titel</h1>
<p>…</p>
<h2>Überschrift 1</h2>
<h3>Überschrift 1.1.</h3>
<p>…</p>
<h4>Überschrift 1.1.1.</h4>
<p>…</p>
<p>…</p>
<h4>Überschrift 1.1.2.</h4>
<p>…</p>
<h3>Überschrift 1.2.</h3>
transformieren lassen.
Viele Grüße
Robert