Überblick

Markdown-Dokumente lokal im Browser öffnen, bearbeiten, als Vorschau prüfen und wieder als Datei herunterladen.

Funktionen

Lokale Markdown-Bearbeitung
Live-Vorschau
Dateiimport und Dateiexport

Anleitung

Voraussetzungen

Überblick und Schnellstart

Markdown wird lokal im Browser bearbeitet. Ein aktueller Browser mit JavaScript genügt; ein Konto ist nicht erforderlich. Öffne eine eigene UTF-8-Datei oder beginne mit dem neuen Dokument. Bearbeite den Quelltext, prüfe die Live-Vorschau und lade das Ergebnis herunter. Die Vorschau unterstützt Überschriften, Listen, Tabellen, Fußnoten, Mathematik und Mermaid-Diagramme.

Ergebnis

Dateien öffnen und herunterladen

Markdown öffnen liest eine lokale .md- oder .markdown-Datei. Abbrechen im Dateidialog lässt das Dokument unverändert. Eine andere Datei ersetzt den aktuellen Inhalt: Lade ungesicherte Änderungen zuvor herunter. Eine unlesbare Datei erzeugt eine Meldung und lässt den bisherigen Inhalt erhalten.

Markdown herunterladen oder Strg+S lädt den aktuellen Quelltext unter dem geöffneten Dateinamen herunter; ein neues Dokument heißt document.md. Die ursprüngliche Datei wird nicht überschrieben. Der Browser bestimmt Downloadordner und Rückfragen. „Gespeichert“ bestätigt den ausgelösten Download; prüfe bei blockierten Downloads die Downloadliste des Browsers. Ein Export des gesamten Dokuments als PDF, HTML oder Word steht in dieser Webansicht nicht zur Verfügung.

Schritte

Quelltext, Formatleiste und Befehle

Markiere Text und wähle Fett, Kursiv, Durchgestrichen oder Inline-Code. Ohne Auswahl wird eine bearbeitbare Vorlage eingefügt. Absatzformat wählt Absatz oder Überschriften der Ebenen 1 bis 6. Aufzählung, nummerierte Liste, Aufgabenliste, Zitat und Trennlinie ergänzen Markdown-Syntax. Link einfügen setzt eine Vorlage; ersetze Adresse und Linktext. Bild einfügen setzt im Browser eine Bildreferenz. Tabelle einfügen erstellt eine bearbeitbare Tabelle. Codeblock einfügen wählt eine Sprache; mermaid aktiviert die Diagrammvorschau. Mathematik steht zwischen $…$ oder in einem mit $$ umschlossenen Block.

Rückgängig und Wiederholen bedienen den Editorverlauf. Der Werkzeugschalter blendet die Formatleiste aus und wieder ein. Suche, Ersetzen und Zeilensprung sind Editorbefehle. Die Befehlspalette filtert Aktionen nach ihrer Bezeichnung. Beispiel: Schreibe ## Aufgaben und darunter - [ ] Text prüfen. Markiere „Text prüfen“, wähle Fett, prüfe die Vorschau und lade die Datei herunter.

Parameter

Vorschau, Bilder und Diagramme

Nur Markdown vergrößert den Quelltext. Markdown und Vorschau zeigt beide Bereiche. Ziehe die Trennlinie zum Ändern der Breite. Der Verknüpfungsschalter steuert synchrones Scrollen. Ein Klick auf Vorschautext führt zur Quelltextstelle.

Bildreferenzen bleiben erhalten. Externe Bilder werden nicht automatisch geladen; Desktop-Repository-Bilder sind nicht verfügbar. Die Webversion zeigt derzeit keine lokalen oder eingebetteten Bilddateien an. Bearbeite Alternativtext und Bildreferenz im Quelltext; Bildeigenschaften mit Repository-Anbindung gehören zur Desktopversion. Codeblöcke bieten Kopieren an. Diagramme laden bei Bedarf; ihre Ansicht bietet Quelltextwechsel, Vergrößern, Verkleinern, Originalgröße und Vollbild. Bei einem Diagrammfehler korrigiere den Mermaid-Quelltext. Die übrige Bearbeitung bleibt verfügbar.

Tastatur und Hilfe

Tab und Umschalt+Tab wechseln zwischen Bedienelementen; Enter oder die Leertaste betätigt fokussierte Schaltflächen. Im Editor: Strg+B Fett, Strg+I Kursiv, Strg+Umschalt+X Durchgestrichen, Strg+Z Rückgängig, Strg+Y Wiederholen, Strg+S Download und Strg+F Suche. Auf macOS verwenden Editorbefehle die Befehlstaste. Escape schließt Editor-Suchfelder oder Dialoge. Hilfe öffnet diese Anleitung. F1 öffnet den Abschnitt zum fokussierten Werkzeugbereich.

Einstellungen, Speicherung und Datenschutz

Text und Dateiname werden nach jeder Bearbeitung und jedem Dateiimport lokal in diesem Browser gespeichert und beim erneuten Öffnen wiederhergestellt. Auch ein leeres Dokument bleibt leer. Nur beim ersten Öffnen ohne gespeichertes Dokument erscheint die ausführliche Markdown-Anleitung. Die Icon-Buttons am Anfang der Editorleiste öffnen und laden Dateien herunter. Ein Speicherfehler wird angezeigt; der Download bleibt verfügbar. Das Löschen der Browserdaten entfernt den Entwurf. Eine neu geöffnete Datei ersetzt ihn. Lade wichtige Dokumente zusätzlich herunter.

Der Editor überträgt Markdown-Inhalte nicht an einen Server. Ein bewusst geöffneter externer Link verlässt die Toolbox. Die globalen Speicher- und Datenschutzseiten erklären den übrigen Webbetrieb.

Fehlerbehebung

Fehler, Grenzen und Browserbesonderheiten

Prüfe bei unlesbaren Dateien die Zugriffsrechte und UTF-8-Kodierung. Kontrolliere bei fehlenden Downloads die Downloadliste und Browserfreigaben. Große Dokumente, Tabellen, Formeln und Diagramme benötigen mehr Speicher und Rechenzeit; verwende bei langsamer Bearbeitung Nur Markdown. Der Browser greift nicht auf das Desktop-Content-Repository zu und schreibt Änderungen nicht automatisch in die ursprüngliche Datei zurück.

Typische Fehler

Ein ungültiges Diagramm oder eine nicht unterstützte Bildquelle kann nicht dargestellt werden. Die Referenz bleibt im Quelltext erhalten. Eine unlesbare Datei ersetzt den vorhandenen Inhalt nicht.

Datenquellen

akyao.documentation.markdown-editor

Keine eingebettete externe Datenquelle. Eingegebene Dokumente und Bilder stammen vom Benutzer.

Runtime-Abhängigkeiten nach Tool

@antfu/install-pkg 1.1.0: MIT
@braintree/sanitize-url 7.1.2: MIT
@chevrotain/types 11.1.2: Apache-2.0
@iconify/types 2.0.0: MIT
@iconify/utils 3.1.4: MIT
@mermaid-js/parser 1.2.1: MIT
@types/d3-array 3.2.2: MIT
@types/d3-axis 3.0.6: MIT
@types/d3-brush 3.0.6: MIT
@types/d3-chord 3.0.6: MIT
@types/d3-color 3.1.3: MIT
@types/d3-contour 3.0.6: MIT
@types/d3-delaunay 6.0.4: MIT
@types/d3-dispatch 3.0.7: MIT
@types/d3-drag 3.0.7: MIT
@types/d3-dsv 3.0.7: MIT
@types/d3-ease 3.0.2: MIT
@types/d3-fetch 3.0.7: MIT
@types/d3-force 3.0.10: MIT
@types/d3-format 3.0.4: MIT
@types/d3-geo 3.1.1: MIT
@types/d3-hierarchy 3.1.7: MIT
@types/d3-interpolate 3.0.4: MIT
@types/d3-path 3.1.1: MIT
@types/d3-polygon 3.0.2: MIT
@types/d3-quadtree 3.0.6: MIT
@types/d3-random 3.0.4: MIT
@types/d3-scale-chromatic 3.1.0: MIT
@types/d3-scale 4.0.9: MIT
@types/d3-selection 3.0.11: MIT
@types/d3-shape 3.1.8: MIT
@types/d3-time-format 4.0.3: MIT
@types/d3-time 3.0.4: MIT
@types/d3-timer 3.0.2: MIT
@types/d3-transition 3.0.9: MIT
@types/d3-zoom 3.0.8: MIT
@types/d3 7.4.3: MIT
@types/debug 4.1.13: MIT
@types/estree-jsx 1.0.5: MIT
@types/estree 1.0.9: MIT
@types/geojson 7946.0.16: MIT
@types/hast 3.0.5: MIT
@types/katex 0.16.8: MIT
@types/mdast 4.0.4: MIT
@types/ms 2.1.0: MIT
@types/react 19.2.17: MIT
@types/unist 2.0.11: MIT
@types/unist 3.0.3: MIT
@ungap/structured-clone 1.3.3: ISC
@upsetjs/venn.js 2.0.0: MIT
bail 2.0.2: MIT
ccount 2.0.1: MIT
character-entities-html4 2.1.0: MIT
character-entities-legacy 3.0.0: MIT
character-entities 2.0.2: MIT
character-reference-invalid 2.0.1: MIT
comma-separated-tokens 2.0.3: MIT
commander 7.2.0: MIT
commander 8.3.0: MIT
cose-base 1.0.3: MIT
cose-base 2.2.0: MIT
csstype 3.2.3: MIT
cytoscape-cose-bilkent 4.1.0: MIT
cytoscape-fcose 2.2.0: MIT
cytoscape 3.34.1: MIT
d3-array 2.12.1: BSD-3-Clause
d3-array 3.2.4: ISC
d3-axis 3.0.0: ISC
d3-brush 3.0.0: ISC
d3-chord 3.0.1: ISC
d3-color 3.1.0: ISC
d3-contour 4.0.2: ISC
d3-delaunay 6.0.4: ISC
d3-dispatch 3.0.1: ISC
d3-drag 3.0.0: ISC
d3-dsv 3.0.1: ISC
d3-ease 3.0.1: BSD-3-Clause
d3-fetch 3.0.1: ISC
d3-force 3.0.0: ISC
d3-format 3.1.2: ISC
d3-geo 3.1.1: ISC
d3-hierarchy 3.1.2: ISC
d3-interpolate 3.0.1: ISC
d3-path 1.0.9: BSD-3-Clause
d3-path 3.1.0: ISC
d3-polygon 3.0.1: ISC
d3-quadtree 3.0.1: ISC
d3-random 3.0.1: ISC
d3-sankey 0.12.3: BSD-3-Clause
d3-scale-chromatic 3.1.0: ISC
d3-scale 4.0.2: ISC
d3-selection 3.0.0: ISC
d3-shape 1.3.7: BSD-3-Clause
d3-shape 3.2.0: ISC
d3-time-format 4.1.0: ISC
d3-time 3.1.0: ISC
d3-timer 3.0.1: ISC
d3-transition 3.0.1: ISC
d3-zoom 3.0.0: ISC
d3 7.9.0: ISC
dagre-d3-es 7.0.14: MIT
dayjs 1.11.21: MIT
debug 4.4.3: MIT
decode-named-character-reference 1.3.0: MIT
delaunator 5.1.0: ISC
dequal 2.0.3: MIT
devlop 1.1.0: MIT
dompurify 3.4.13: (MPL-2.0 OR Apache-2.0)
entities 6.0.1: BSD-2-Clause
es-toolkit 1.50.0: MIT
escape-string-regexp 5.0.0: MIT
estree-util-is-identifier-name 3.0.0: MIT
extend 3.0.2: MIT
fastdom 1.0.12: MIT
hachure-fill 0.5.2: MIT
hast-util-from-dom 5.0.1: ISC
hast-util-from-html-isomorphic 2.0.0: MIT
hast-util-from-html 2.0.3: MIT
hast-util-from-parse5 8.0.3: MIT
hast-util-is-element 3.0.0: MIT
hast-util-parse-selector 4.0.0: MIT
hast-util-raw 9.1.0: MIT
hast-util-sanitize 5.0.2: MIT
hast-util-to-jsx-runtime 2.3.6: MIT
hast-util-to-parse5 8.0.1: MIT
hast-util-to-text 4.0.2: MIT
hast-util-whitespace 3.0.0: MIT
hastscript 9.0.1: MIT
highlight.js 11.11.2: BSD-3-Clause
html-url-attributes 3.0.1: MIT
html-void-elements 3.0.0: MIT
iconv-lite 0.6.3: MIT
import-meta-resolve 4.2.0: MIT
inline-style-parser 0.2.7: MIT
internmap 1.0.1: ISC
internmap 2.0.3: ISC
is-alphabetical 2.0.1: MIT
is-alphanumerical 2.0.1: MIT
is-decimal 2.0.1: MIT
is-hexadecimal 2.0.1: MIT
is-plain-obj 4.1.0: MIT
katex 0.16.47: MIT
khroma 2.1.0: MIT
layout-base 1.0.2: MIT
layout-base 2.0.1: MIT
lodash-es 4.18.1: MIT
longest-streak 3.1.0: MIT
lowlight 3.3.0: MIT
markdown-table 3.0.4: MIT
marked 16.4.2: MIT
mdast-util-find-and-replace 3.0.2: MIT
mdast-util-from-markdown 2.0.3: MIT
mdast-util-gfm-autolink-literal 2.0.1: MIT
mdast-util-gfm-footnote 2.1.0: MIT
mdast-util-gfm-strikethrough 2.0.0: MIT
mdast-util-gfm-table 2.0.0: MIT
mdast-util-gfm-task-list-item 2.0.0: MIT
mdast-util-gfm 3.1.0: MIT
mdast-util-math 3.0.0: MIT
mdast-util-mdx-expression 2.0.1: MIT
mdast-util-mdx-jsx 3.2.0: MIT
mdast-util-mdxjs-esm 2.0.1: MIT
mdast-util-phrasing 4.1.0: MIT
mdast-util-to-hast 13.2.1: MIT
mdast-util-to-markdown 2.1.2: MIT
mdast-util-to-string 4.0.0: MIT
mermaid 11.17.2: MIT
micromark-core-commonmark 2.0.3: MIT
micromark-extension-gfm-autolink-literal 2.1.0: MIT
micromark-extension-gfm-footnote 2.1.0: MIT
micromark-extension-gfm-strikethrough 2.1.0: MIT
micromark-extension-gfm-table 2.1.1: MIT
micromark-extension-gfm-tagfilter 2.0.0: MIT
micromark-extension-gfm-task-list-item 2.1.0: MIT
micromark-extension-gfm 3.0.0: MIT
micromark-extension-math 3.1.0: MIT
micromark-factory-destination 2.0.1: MIT
micromark-factory-label 2.0.1: MIT
micromark-factory-space 2.0.1: MIT
micromark-factory-title 2.0.1: MIT
micromark-factory-whitespace 2.0.1: MIT
micromark-util-character 2.1.1: MIT
micromark-util-chunked 2.0.1: MIT
micromark-util-classify-character 2.0.1: MIT
micromark-util-combine-extensions 2.0.1: MIT
micromark-util-decode-numeric-character-reference 2.0.2: MIT
micromark-util-decode-string 2.0.1: MIT
micromark-util-encode 2.0.1: MIT
micromark-util-html-tag-name 2.0.1: MIT
micromark-util-normalize-identifier 2.0.1: MIT
micromark-util-resolve-all 2.0.1: MIT
micromark-util-sanitize-uri 2.0.1: MIT
micromark-util-subtokenize 2.1.0: MIT
micromark-util-symbol 2.0.1: MIT
micromark-util-types 2.0.2: MIT
micromark 4.0.2: MIT
ms 2.1.3: MIT
package-manager-detector 1.8.0: MIT
parse-entities 4.0.2: MIT
parse5 7.3.0: MIT
path-data-parser 0.1.0: MIT
points-on-curve 0.2.0: MIT
points-on-path 0.2.1: MIT
property-information 7.2.0: MIT
react-markdown 10.1.0: MIT
react 19.2.8: MIT
rehype-highlight 7.0.2: MIT
rehype-katex 7.0.1: MIT
rehype-raw 7.0.0: MIT
rehype-sanitize 6.0.0: MIT
remark-gfm 4.0.1: MIT
remark-math 6.0.0: MIT
remark-parse 11.0.0: MIT
remark-rehype 11.1.2: MIT
remark-stringify 11.0.0: MIT
robust-predicates 3.0.3: Unlicense
roughjs 4.6.6: MIT
rw 1.3.3: BSD-3-Clause
safer-buffer 2.1.2: MIT
space-separated-tokens 2.0.2: MIT
strictdom 1.0.1: MIT
stringify-entities 4.0.4: MIT
style-to-js 1.1.21: MIT
style-to-object 1.0.14: MIT
stylis 4.4.0: MIT
tinyexec 1.3.0: MIT
trim-lines 3.0.1: MIT
trough 2.2.0: MIT
ts-dedent 2.3.0: MIT
unified 11.0.5: MIT
unist-util-find-after 5.0.0: MIT
unist-util-is 6.0.1: MIT
unist-util-position 5.0.0: MIT
unist-util-remove-position 5.0.0: MIT
unist-util-stringify-position 4.0.0: MIT
unist-util-visit-parents 6.0.2: MIT
unist-util-visit 5.1.0: MIT
uuid 14.0.1: MIT
vfile-location 5.0.3: MIT
vfile-message 4.0.3: MIT
vfile 6.0.3: MIT
web-namespaces 2.0.1: MIT
zwitch 2.0.4: MIT