LaTeX-Formel direkt auf der Zeichenfläche eingeben

In diesem Tutorial lernen Sie das Math-Tool kennen — das fx-Symbol in der Toolbar. Sie geben einen LaTeX-Ausdruck ein, sehen die KaTeX-Vorschau in Echtzeit, passen Farbe und Schriftgröße an und exportieren das Ergebnis als SVG oder PNG. Die exportierte Datei lässt sich direkt in eine Paper-Abbildung, eine Präsentation, eine Notion-Seite oder einen Blog-Beitrag einbetten.

Das Math-Tool ist Teil des unbegrenzten drawtonomy-Whiteboards. Auf derselben Zeichenfläche können Fahrspuren, Fahrzeuge und Fußgänger neben Formeln existieren — praktisch, wenn eine Gleichung unmittelbar neben dem Diagramm stehen soll, das sie beschreibt. Das Tool funktioniert aber auch allein auf einer leeren Zeichenfläche als eigenständiger Formeleditor.

1. Math-Tool auswählen

Öffnen Sie drawtonomy.com. Klicken Sie in der unteren Toolbar auf das fx-Symbol — es befindet sich zwischen dem Text-Tool (T) und dem Freihand-Tool:

$Das Math-Tool (fx) ist die aktive Schaltfläche in der unteren Toolbar$

Tipp: Wer lieber die Tastatur nutzt, drückt / — der Notion-Stil-Shortcut für das Math-Tool.

2. Klicken, wo die Formel erscheinen soll

Klicken Sie an eine beliebige Stelle der Zeichenfläche. drawtonomy öffnet direkt an dieser Position einen Inline-Editor: Die obere Hälfte ist das LaTeX-Eingabefeld, die untere Hälfte zeigt die KaTeX-Vorschau in Echtzeit. Als Beispiel ist die quadratische Formel als Platzhalter eingeblendet.

$Leerer Math-Editor — oben das Textarea für LaTeX-Quelltext, unten die KaTeX-Vorschau mit Platzhalter-Beispiel$

Die Tastaturhinweise am unteren Rand — Del: delete · Arrows: move · Esc: deselect — zeigen, welche Aktionen während des Editierens möglich sind.

3. LaTeX eingeben

Geben Sie einen Ausdruck ein. Beginnen Sie mit dem Klassiker:

E = mc^2

Mit jedem Tastendruck aktualisiert sich die untere Vorschau — es gibt keinen separaten „Rendern”-Button:

$Math-Editor mit E = mc^2 im Eingabefeld und der entsprechenden KaTeX-Darstellung darunter$

Versuchen Sie etwas Komplexeres. Löschen Sie die Eingabe und tippen Sie die quadratische Formel:

x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

\frac, \sqrt, \pm und ^ werden genauso gesetzt wie in einem wissenschaftlichen Paper:

$Math-Editor mit der quadratischen Formel — Bruch, Wurzel und ± in der Vorschau gerendert$

Das Math-Tool unterstützt den vollständigen KaTeX-Befehlssatz sowie die mhchem-Erweiterung für Chemie — eine vollständige Übersicht finden Sie in der Math-Referenz.

4. Bestätigen: Esc drücken

Drücken Sie Esc (oder klicken Sie außerhalb des Editors), um die Eingabe abzuschließen. Das Textarea verschwindet; auf der Zeichenfläche verbleibt nur die gerenderte Gleichung in der passenden Größe:

$Die bestätigte Gleichung auf der Zeichenfläche — nur die gerenderte Formel ist sichtbar, mit einem Auswahlrahmen drumherum$

Der blaue Rahmen ist der Auswahlrahmen. Ein Klick auf eine leere Stelle hebt die Auswahl auf.

Zum erneuten Bearbeiten doppelklicken Sie auf die Gleichung. Der Editor öffnet sich wieder mit dem ursprünglichen LaTeX-Quelltext — drawtonomy speichert den Quelltext, nicht nur das gerenderte Bild, sodass jede Gleichung dauerhaft editierbar bleibt.

5. Farbe und Größe anpassen

Wenn die Gleichung ausgewählt ist, sehen Sie rechts oben das Math (LaTeX)-Panel:

Color — klicken Sie auf ein Farbfeld, um die Farbe zu wechseln (Schwarz für Paper, Graustufen, Rot/Orange/Gelb/Grün/Blau/Lila). Für eigene Markenfarben öffnet More… die vollständige Farbpalette.
Size — ziehen Sie den Regler von 8 px (Fußnotenformat) bis 200 px (Posterschrift). Die gesamte Gleichung skaliert proportional.

Stellen Sie die Farbe auf Rot und die Größe auf 60 px ein:

$Dieselbe Gleichung in Rot bei 60 px, mit dem Math (LaTeX)-Panel, das den roten Farbpunkt und den 60-px-Regler zeigt$

6. Exportieren

Wenn die Gleichung wie gewünscht aussieht, exportieren Sie sie über Menu → Export:

Format	Empfohlen für
SVG	LaTeX (`\includegraphics`), Notion, Websites, Präsentationen. Vektorgrafik, verlustfrei skalierbar.
PNG	Überall, wo SVG nicht unterstützt wird (Word, manche Chat-Apps).
PDF	LaTeX-Projekte, die PDF-Abbildungen erfordern. Text wird in Pfade konvertiert — keine Schrift-Abhängigkeiten.
EPS	Ältere LaTeX-Toolchains (`latex` + `dvips`). Ebenfalls pfadkonvertiert.
.drawtonomy.svg	Das native drawtonomy-Format. Eine reguläre SVG-Datei, die Sie in drawtonomy erneut öffnen und den LaTeX-Quelltext bearbeiten können.

Für den täglichen Einsatz decken SVG und PNG fast alle Anforderungen ab. Für Paper in LaTeX ist PDF die zuverlässigste Wahl.

Weitere Möglichkeiten des Math-Tools

Ein kurzer Überblick über den restlichen Funktionsumfang:

Chemie (mhchem) — \ce{2 H2 + O2 -> 2 H2O} wird als korrekte Reaktionspfeil-Gleichung gerendert.

$mhchem-Chemiegleichung in der KaTeX-Vorschau$
Mehrzeilige Gleichungssysteme mit Nummerierung — fassen Sie Blöcke in \begin{align} ... \end{align} zusammen für nummerierte Gleichungen im Paper-Stil. Gleichungskörper und Nummern (1)(2)(3) überschneiden sich auch bei großen Schriftgrößen nicht.

$Maxwellsche Gleichungen als align-Umgebung mit Gleichungsnummern (1)–(4)$
Lange Gleichungen — das Textarea bricht um, und der Vorschaubereich scrollt, sodass auch halbseitige Herleitungen problemlos editierbar bleiben.
Cmd+A, dann Delete — alle Objekte auf der Zeichenfläche (einschließlich Formeln) auswählen und löschen.
Eingabefeld verschieben — während des Editierens können Sie den Editor per Klick-und-Ziehen (ab 5 px) an eine andere Position verschieben, ohne den Cursor zu verlieren.
Undo / Redo — Cmd+Z / Cmd+Shift+Z. Farb- und Größenänderungen sind einzelne Undo-Schritte; das Ziehen des Size-Reglers wird zu einem einzigen Schritt zusammengefasst.