Text-Editor (Eingabe) — component.editor
Rich-Text-EINGABE mit Werkzeugleiste (fett, kursiv, unterstrichen, Überschrift, Listen, Zitat, Code, Link) — erzeugt genau das HTML, das der Sanitizer erlaubt; Gegenstück zur Anzeige ui.richtext
Beispiele
Mit Vorbelegung — Werkzeugleiste zeigt den Zustand an der Cursorposition
Diamond-Mesh-Set
Vierteiliges Set mit Gold-Knopf und Diamond-Mesh-Einsatz.
- Front-Open-Bra
- Taillengürtel mit Clips
Handwäsche empfohlen.
Leer mit Platzhalter (klein)
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
label | string | "" |
html | string | "" |
placeholder | string | "Text eingeben …" |
height | string: sm | md | lg | "md" |
counter | boolean | true |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--editor-action-primary | var(--color-action-primary) |
--editor-border-default | var(--color-border-default) |
--editor-border-strong | var(--color-border-strong) |
--editor-focus-ring-color | var(--focus-ring-color) |
--editor-focus-ring-offset | var(--focus-ring-offset) |
--editor-focus-ring-width | var(--focus-ring-width) |
--editor-form-background | var(--form-background) |
--editor-form-border | var(--form-border) |
--editor-form-border-focus | var(--form-border-focus) |
--editor-form-placeholder | var(--form-placeholder) |
--editor-radius-control | var(--radius-control) |
--editor-radius-sm | var(--radius-sm) |
--editor-surface-default | var(--color-surface-default) |
--editor-surface-sunken | var(--color-surface-sunken) |
--editor-text-default | var(--color-text-default) |
--editor-text-link | var(--color-text-link) |
--editor-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
border.hairline color.action.primary color.border.default color.border.strong color.surface.default color.surface.sunken color.text.default color.text.link color.text.muted focus.ring-color focus.ring-offset focus.ring-width font.family.default font.family.mono form.background form.border form.border-focus form.placeholder leading.loose radius.control radius.sm size.1 size.2 size.24 size.3 size.32 size.4 size.40 size.5 size.6 size.8 text.lg text.md text.sm text.xs weight.medium weight.semibold