Skip to content

Inline-Popups

VMark bietet kontextbezogene Popups zum Bearbeiten von Links, Bildern, Medien, Mathematik, Fußnoten und mehr. Diese Popups funktionieren sowohl im WYSIWYG- als auch im Quellmodus mit einheitlicher Tastaturnavigation.

Gemeinsame Tastaturkürzel

Alle Popups teilen dieses Tastaturverhalten:

AktionKürzel
Schließen/AbbrechenEscape
Bestätigen/SpeichernEingabe
Felder navigierenTab / Umschalt + Tab

VMark verwendet ein zweistufiges System für Links: ein Nur-Lese-Tooltip beim Hovern und ein Bearbeitungs-Popup über Tastaturkürzel.

Hover-Tooltip (Nur-Lese)

Auslöser: Über Link hovern (300ms Verzögerung)

Zeigt:

  • URL-Vorschau — Gekürzte URL mit vollständiger URL beim Hovern
  • Öffnen-Schaltfläche — Öffnet Link im Browser (oder springt zur Überschrift bei #Lesezeichen)

Verhalten: Nur anzeigen. Maus wegbewegen zum Schließen.

Auslöser: Cursor im Link platzieren + Mod + K

Felder:

  • URL — Link-Ziel bearbeiten
  • Öffnen — Link im Browser öffnen
  • Kopieren — URL in die Zwischenablage kopieren
  • Löschen — Link entfernen, Text behalten

Auslöser: Text auswählen + Mod + K

Intelligente Zwischenablage: Wenn Ihre Zwischenablage eine URL enthält, wird sie automatisch eingetragen.

Felder:

  • URL-Eingabe — Ziel eingeben
  • Bestätigen — Eingabe drücken oder ✓ klicken
  • Abbrechen — Escape drücken oder ✗ klicken

Quellmodus

  • Cmd + Klick auf Link → im Browser öffnen
  • Klick auf [Text](url)-Syntax → Bearbeitungs-Popup anzeigen
  • Mod + K innerhalb Link → Bearbeitungs-Popup anzeigen

Lesezeichen-Links

Links, die mit # beginnen, werden als Lesezeichen (interne Überschriften-Links) behandelt. Öffnen springt zur Überschrift anstatt einen Browser zu öffnen.

Medien-Popup (Bilder, Video, Audio)

Ein einheitliches Popup zum Bearbeiten aller Medientypen — Bilder, Video und Audio.

Bearbeitungs-Popup

Auslöser: Doppelklick auf ein beliebiges Medienelement (Bild, Video oder Audio)

Gemeinsame Felder (alle Medientypen):

  • Quelle — Dateipfad oder URL

Typspezifische Felder:

FeldBildVideoAudio
AlternativtextJa
TitelJaJa
PosterJa
AbmessungenNur-Lese
Inline/Block-UmschalterJa

Schaltflächen:

  • Durchsuchen — Datei aus dem Dateisystem auswählen
  • Kopieren — Quellpfad in die Zwischenablage kopieren
  • Löschen — Das Medienelement entfernen

Kürzel:

  • Mod + Umschalt + I — Neues Bild einfügen
  • Eingabe — Änderungen speichern
  • Escape — Popup schließen

Quellmodus

Im Quellmodus öffnet das Klicken auf Bildsyntax ![alt](pfad) dasselbe Medien-Popup. Mediendateien (Video-/Audioendungen) zeigen eine schwebende Vorschau mit nativen Wiedergabe-Steuerelementen beim Hovern.

Mathematik-Popup

LaTeX-Mathematikausdrücke mit Live-Vorschau bearbeiten.

Auslöser:

  • WYSIWYG: Auf Inline-Mathematik $...$ klicken

Felder:

  • LaTeX-Eingabe — Den Mathematikausdruck bearbeiten
  • Vorschau — Echtzeit-gerenderte Vorschau
  • Fehleranzeige — Zeigt LaTeX-Fehler mit hilfreichen Syntaxhinweisen

Kürzel:

  • Mod + Eingabe — Speichern und schließen
  • Escape — Abbrechen und schließen
  • Umschalt + Rücktaste — Inline-Mathematik löschen (funktioniert auch bei nicht-leerem Inhalt)
  • Alt + Mod + M — Neue Inline-Mathematik einfügen

Fehlerhinweise

Bei einem LaTeX-Syntaxfehler zeigt das Popup hilfreiche Vorschläge wie fehlende Klammern, unbekannte Befehle oder unausgeglichene Begrenzer.

Quellmodus

Im Quellmodus Mathematik direkt im Text bearbeiten. Die Vorschau erscheint im Mermaid/Mathematik-Vorschau-Panel.

Fußnoten-Popup

Fußnoteninhalt inline bearbeiten.

Auslöser:

  • WYSIWYG: Über Fußnotenreferenz [^1] hovern

Felder:

  • Inhalt — Mehrzeiliger Fußnotentext (automatische Größenanpassung)
  • Zur Definition springen — Zur Fußnotendefinition springen
  • Löschen — Fußnote entfernen

Verhalten:

  • Neue Fußnoten fokussieren automatisch das Inhaltsfeld
  • Textarea erweitert sich beim Tippen

Wiki-Stil-Links für interne Dokumentverbindungen bearbeiten.

Auslöser:

  • WYSIWYG: Über [[ziel]] hovern (300ms Verzögerung)
  • Quelle: Auf Wiki-Link-Syntax klicken

Felder:

  • Ziel — Arbeitsbereich-relativer Pfad (.md-Erweiterung automatisch behandelt)
  • Durchsuchen — Datei aus dem Arbeitsbereich auswählen
  • Öffnen — Verlinktes Dokument öffnen
  • Kopieren — Zielpfad kopieren
  • Löschen — Wiki-Link entfernen

Tabellen-Kontextmenü

Schnelle Tabellen-Bearbeitungsaktionen.

Auslöser:

  • WYSIWYG: Symbolleiste oder Tastaturkürzel verwenden
  • Quelle: Rechtsklick auf Tabellenzelle

Aktionen:

AktionBeschreibung
Zeile darüber/darunter einfügenZeile am Cursor hinzufügen
Spalte links/rechts einfügenSpalte am Cursor hinzufügen
Zeile löschenAktuelle Zeile entfernen
Spalte löschenAktuelle Spalte entfernen
Tabelle löschenGesamte Tabelle entfernen
Spalte links/zentriert/rechts ausrichtenAusrichtung für aktuelle Spalte festlegen
Alle links/zentriert/rechts ausrichtenAusrichtung für alle Spalten festlegen
Tabelle formatierenTabellenspalten automatisch ausrichten (Markdown verschönern)

Rechtschreibprüfungs-Popup

Rechtschreibfehler mit Vorschlägen korrigieren.

Auslöser:

  • Rechtsklick auf falsch geschriebenes Wort (rote Unterstreichung)

Aktionen:

  • Vorschläge — Klicken, um durch Vorschlag zu ersetzen
  • Zum Wörterbuch hinzufügen — Aufhören, als falsch geschrieben zu markieren

Modusvergleich

ElementWYSIWYG-BearbeitungQuelle
LinkHover-Tooltip / Mod+KKlick / Mod+K / Cmd+Klick zum Öffnen
BildDoppelklickKlick auf ![](pfad)
VideoDoppelklick
AudioDoppelklick
MathematikKlickDirekte Bearbeitung
FußnoteHoverDirekte Bearbeitung
Wiki-LinkHoverKlick
TabelleSymbolleisteRechtsklick-Menü
RechtschreibprüfungRechtsklickRechtsklick

Fokusfluss

  1. Popup öffnet sich mit fokussiertem ersten Eingabefeld
  2. Tab bewegt vorwärts durch Felder und Schaltflächen
  3. Umschalt + Tab bewegt rückwärts
  4. Fokus bleibt innerhalb des Popups

Schnelle Bearbeitung

  • Für einfache URL-Änderungen: bearbeiten und Eingabe drücken
  • Zum Abbrechen: Escape aus einem beliebigen Feld drücken
  • Für mehrzeiligen Inhalt (Fußnoten, Mathematik): Mod + Eingabe zum Speichern verwenden

Mausverhalten

  • Außerhalb des Popups klicken zum Schließen (Änderungen werden verworfen)
  • Hover-Popups (Link, Fußnote, Wiki) haben 300ms Verzögerung vor dem Anzeigen
  • Maus zurück zum Popup bewegen hält es offen