Das Schreiben von WordPress-Inhalten mit einem Editor eines Drittanbieters kann beim Importieren von Text in deine Webseite problematisch sein. Außerdem lassen sich traditionelle Textdateiformate nicht gut in HTML übersetzen. Hier kommen die Markdown Editoren ins Spiel!
Mit dem richtigen Markdown Editor kannst du Inhalte schreiben, die sich nahtlos in HTML umwandeln lassen, ohne dass du dich mit komplexem Code beschäftigen musst. Es gibt viele großartige Online Markdown Editoren zur Auswahl, darunter auch kostenlose Optionen. Du kannst sogar einen WordPress Markdown Editor verwenden, wenn du keine andere Software nutzen möchtest.
In diesem Artikel werden wir erkunden, was Markdown Editoren sind und welche Vorteile sie haben. Außerdem stellen wir dir die besten Markdown-Editoren für verschiedene Betriebssysteme vor. Dazu gehören sowohl Online- und Offline-Optionen, als auch eine WordPress-Option.
Los geht’s!
Schau dir unseren Video-Guide zu den besten Markdown Editoren an
Was ist ein Markdown Editor?
Markdown ist eine Textformatierungssyntax, die es dir ermöglicht, Inhalte zu schreiben, die du einfach in HTML umwandeln kannst. Der gesamte Inhalt, den du im Internet siehst (einschließlich dieses Artikels), ist in HTML. Wenn du das Inspektionswerkzeug deines Browsers benutzt, um den Code einer Seite zu überprüfen, wirst du sehen, dass der Text in HTML erscheint.
Nehmen wir zum Beispiel an, du möchtest eine Textzeile fett markieren. Um das in HTML zu tun, müsstest du <b> Tags verwenden:
<b>This is an example of bold text in HTML</b>Der gleiche Text in der Markdown-Syntax würde wie folgt aussehen:
**This is an example of bold text in HTML**Die Markdown-Syntax enthält Elemente, die sich in jede HTML-Komponente übersetzen lassen, die du brauchst. Du hast spezifische Syntaxelemente für Absätze, Überschriften, Listen, Links und alles andere, was du dir vorstellen kannst. Hier ist ein schnelles Beispiel für ein Markdown-Textdokument:
Hier ist, was passiert, wenn du diese Syntax in HTML umwandelst, was jeder Markdown Editor können sollte:
Das Schreiben in Markdown ist viel einfacher als in HTML. Ein Markdown Editor ist eine Software, die diese Art von Syntax erkennt und sie in andere Dateitypen übersetzen kann, einschließlich (aber nicht ausschließlich) HTML.
Die Vorteile, einen Markdown Editors zu verwenden
Der Hauptvorteil der Verwendung von Markdown ist die Portabilität. Jeder gute Markdown Editor kann ein Markdown Dokument (.md oder .mkd) in andere Formate konvertieren, wie z.B.:
- HTML
- Plain text
- Epub
- Docx
Markdown kann in jeden dieser Dateitypen konvertiert werden und du erhältst ein perfekt formatiertes Dokument. Wenn du versuchst, eine Google Docs Datei in HTML oder ein PDF zu konvertieren, wirst du in der Regel mit einem Formatierungschaos enden, das Zeit und Mühe erfordert, um es zu korrigieren (abhängig von der Komplexität des Dokuments).
Ein weiterer Vorteil von Markdown ist, dass die Syntax sehr einfach ist. Du hast bereits einige Beispiele für die Markdown-Syntax gesehen, und du kannst dir eine komplette Einführung auf Markdown Guide ansehen.
Dieses Level an Einfachheit ist entscheidend, weil es bedeutet, dass die Lernkurve zur Verwendung der Markdown-Syntax minimal ist. Außerdem ist Markdown unter Entwicklern sehr beliebt und ist die Standardsprache für viele Plattformen, einschließlich GitHub.
Wenn du Markdown gut beherrschst, kannst du Inhalte erstellen, die sich nahtlos in jedes beliebige Dateiformat übersetzen lassen, das du benötigst. Für WordPress kannst du Markdown-Dateien in HTML umwandeln und dieses HTML in wenigen Minuten in deine Webseite importieren. Alles, was du für den Anfang brauchst, ist ein Markdown Editor.
Die fünf besten Markdown Editoren im Jahr 2024
In dieser Übersicht stellen wir dir Markdown-Editoren für jedes Betriebssystem (OS) und verschiedene Online-Optionen vor. Wir besprechen, welcher Editor für deine Bedürfnisse am besten geeignet ist und geben dir einen Überblick über die Preise, die du wissen musst.
Denk daran, dass du so ziemlich jeden Text- oder Code-Editor als primäres Werkzeug verwenden kannst, wenn du mit Markdown vertraut bist. Spezielle Markdown-Editoren verfügen jedoch über eine Vielzahl von Funktionen, die dir die Arbeit erleichtern. Wir werden in diesem Abschnitt darüber sprechen, was einige dieser Funktionen sind.
1. Mark
Markdown Editoren müssen nicht mit einer Unmenge an Funktionen aufwarten, um hilfreich zu sein. Wenn du ein Fan von minimalistischen Text-Editoren bist, wirst du Mark lieben.
Mark ist ein Online Markdown Editor, der keine komplexen Funktionen bietet. Auf der linken Seite hast du deinen Markdown Editor und auf der rechten Seite des Bildschirms kannst du dir eine Vorschau ansehen, wie der Text in einem Browser aussehen wird. Der Editor verfügt auch über eine Dark Mode Option.
Du kannst deine Dateien in HTML speichern oder den Markdown-Code manuell kopieren und auf deiner Webseite einfügen. WordPress erkennt die Markdown-Syntax nicht von Haus aus, aber wir zeigen dir, wie du das beheben kannst, nachdem wir uns ein paar weitere Editoren angeschaut haben.
Preis: Kostenlos
2. Typora
Typora ist ein benutzerfreundlicher Markdown Editor, der automatisch deine Syntax übernimmt und dir zeigt, wie dein Inhalt aussehen wird, wenn du ihn exportierst. Du kannst zwischen den Modi „Code Editor“ und „visuelle Vorschau“ hin- und herwechseln, was es einfach macht, Fehler in deiner Syntax zu erkennen und zu beheben.
Mit Typora kannst du Markdown-Dokumente in mehrere Dateiformate exportieren, darunter Word-Dokumente, HTML, PDFs und einfache Textdateien. Die Software ermöglicht es dir auch, Markdown-Elemente über Tastenkürzel hinzuzufügen, was den Prozess erheblich beschleunigt.
Schließlich beinhaltet Typora ein Theme-System, das hilfreich ist, wenn du die Software häufig benutzt. Mit Themes kannst du den Stil von Typora anpassen, sodass du dich beim Schreiben von Inhalten wohler fühlst.
Preis: Typora ist noch in der Beta-Phase und wird bis zum offiziellen Start kostenlos bleiben.
3. Draft
Draft ist ein Online Markdown Editor, der sich durch seine Werkzeuge zur Zusammenarbeit von der Masse abhebt. Mit Draft kannst du Dokumente in Markdown-Syntax oder HTML schreiben und sie mit anderen Nutzern teilen, damit diese die Dateien bearbeiten können.
Wenn du mit Draft zusammenarbeitest, speichert die Plattform alle deine Dokumentenversionen und ermöglicht es dir, Änderungen zwischen verschiedenen Entwürfen zu erkennen. Du kannst auch Bilder von verschiedenen Cloud-Speicherplattformen in deine Dokumente importieren oder sie von deinem Computer hochladen.
Mit Draft kannst du auch Kommentare und Fußnoten zu deinen Dokumenten hinzufügen und dateispezifische Aufgabenlisten erstellen. Mit Aufgabenlisten kannst du Aufgaben abhaken, während du sie erledigst, genauso wie der Rest deiner Mitarbeiter.
Sobald du bereit bist, dein Dokument zu exportieren, bietet Draft mehrere Optionen. Du kannst Markdown-Dateien als Word- oder Google-Dokumente, PDFs, HTML-Dateien exportieren oder sie im Markdown-Format behalten.
Preis: Kostenlos, aber du musst dich für ein Konto registrieren, um Draft zu nutzen.
4. Dillinger
Wenn du die Einfachheit von Mark magst, aber dir wünschst, dass es mehr Funktionen hätte, wirst du Dillinger lieben. Dieser Live Markdown Editor zeigt dir eine Vorschau deines Textes, die sich während des Schreibens aktualisiert. Außerdem kannst du diese Vorschau in den HTML-Modus umschalten, damit du siehst, wie dein Markdown-Text in HTML-Code übersetzt wird.
Dillinger ermöglicht es dir, deine Markdown-Dateien in verschiedene Formate zu exportieren, einschließlich HTML und PDF. Du kannst auch eine Vorschau deiner Markdown-Dokumente in diesen Formaten sehen, bevor du sie exportierst, was dir eine Menge Zeit sparen kann.
Mit Dillinger kannst du deine Markdown-Dateien direkt auf verschiedenen Cloud-Speicherplattformen und GitHub speichern (was dieses Werkzeug perfekt für das Schreiben von Dokumentationen macht). Du kannst auch Dateien von denselben Plattformen in Dillinger importieren oder Markup-Dokumente von deinem Computer hochladen.
Preis: Free
5. iA Writer
Wenn du auf der Suche nach einem Markdown Editor bist, der mit Android und iOS funktioniert, damit du Inhalte von deinen mobilen Geräten aus erstellen kannst, wirst du iA Writer lieben. Die Software ist auch für Windows und macOS erhältlich und bietet auf allen Plattformen die gleiche übersichtliche Oberfläche.
iA Writer hebt deine Markdown-Syntax farblich hervor, damit du die Übersicht über jedes Element behältst. Die Software enthält auch einen eingebauten Style-Checker, der dir hilft, Redundanzen zu beseitigen, und du kannst ihn mit einem Fokus-Modus kombinieren, um Ablenkungen zu vermeiden.
Mit der Software kannst du eine Vorschau deiner Markdown-Dateien im HTML- oder PDF-Format anzeigen und sie exportieren. Du kannst auch Metadaten zu deinen Dokumenten hinzufügen, was besonders nützlich ist, wenn du an Webinhalten arbeitest.
Preis: Die Lizenzpreise variieren je nachdem, welches Betriebssystem du verwendest.
Was sind deine WordPress Markdown Editor Optionen?
WordPress ermöglicht es dir, Inhalte mit einem einfachen visuellen Editor oder in HTML zu schreiben. Allerdings kannst du die Markdown-Syntax nicht in WordPress importieren, weil das CMS sie nicht auswerten kann.
Hier ist ein schnelles Beispiel, was passiert, wenn wir Markdown-Text in den Code Editor einfügen:
WordPress nimmt deinen Markdown-Code und rendert ihn so, wie er ist. Das heißt, wenn du Markdown verwendest, musst du deine Dateien in HTML exportieren, den Code kopieren und ihn in den Code Editor der WordPress Seite oder des Beitrags einfügen.
Alternativ gibt es ein Plugin, das wir empfehlen können, das die Markdown-Unterstützung zu WordPress hinzufügt, und das ist Jetpack. Jetpack fügt WordPress eine atemberaubende Menge an Funktionen hinzu, die von erhöhter Sicherheit bis hin zu automatischen Backups und Medienoptimierung reichen.
Wenn du herausfinden möchtest, wie du Jetpack einrichtest und konfigurierst, haben wir eine detaillierte Anleitung dazu. Um den WordPress Markdown Editor von Jetpack zu aktivieren, musst du das Plugin aktivieren und zu Jetpack > Einstellungen > Schreiben navigieren.
Suche nach dem Abschnitt Composing und aktiviere die Einstellung Write posts or pages in plain-text Markdown syntax:
Nachdem du die Markdown-Syntax-Einstellung aktiviert hast, öffne den Block Editor und du wirst sehen, dass du Zugriff auf einen neuen Markdown-Block hast:
Mit diesem Block kannst du in der Markdown-Syntax schreiben. Wenn du auf den Reiter Vorschau klickst, kannst du sehen, wie deine Syntax im Frontend aussehen wird.
Wenn du Zugang zu einem integrierten WordPress Markdown Editor haben möchtest, ist Jetpack die beste Wahl. Der einzige Nachteil ist, dass du das Plugin mit einem WordPress.com-Konto verbinden musst. Allerdings ist die Markdown-Funktionalität in der kostenlosen Version von Jetpack verfügbar, sodass du nichts bezahlen musst, um die Syntax in WordPress zu nutzen.
Zusammenfassung
Die Verwendung der Markdown-Syntax kann deine Arbeit beim Exportieren von Dateien in HTML oder andere Standardformate, wie Word-Dokumente und PDFs, erheblich erleichtern. Wenn du das Jetpack-Plugin verwendest, erhältst du Zugriff auf einen WordPress Markdown Editor, den du nutzen kannst, ohne deine Webseite zu verlassen.
Alternativ kannst du auch einen vollwertigen Markdown Editor verwenden, deine Dateien in HTML exportieren und diesen Code in WordPress hochladen. Wir haben unsere fünf besten Lösungen dafür hier vorgestellt.
Fang an zu schreiben!
Hast du Erfahrungen mit anderen Markdown Editoren? Lass es uns unten in den Kommentaren wissen!
Salman Ravoof ist ein autodidaktischer Webentwickler, Autor, Kreativer und ein großer Bewunderer von Free and Open Source Software (FOSS). Neben Technik begeistert er sich für Wissenschaft, Philosophie, Fotografie, Kunst, Katzen und Essen. Erfahre mehr über ihn auf seiner Website und trete mit Salman auf X in Kontakt.
Schreibe einen Kommentar