EditContext

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die EditContext-Schnittstelle repräsentiert den Textbearbeitungskontext eines Elements, das durch die Verwendung der EditContext API bearbeitbar gemacht wurde.

Die EditContext API kann verwendet werden, um Rich-Text-Editoren im Web zu erstellen, die fortschrittliche Texterfahrung unterstützen, wie beispielsweise die Komposition mit einem Input Method Editor (IME), Emoji-Auswahl oder andere plattformabhängige UI-Oberflächen für die Bearbeitung.

Konstruktor

EditContext() Experimentell

Gibt eine neue EditContext-Instanz zurück.

Instanz-Eigenschaften

EditContext.text Schreibgeschützt Experimentell

Der bearbeitbare Inhalt des Elements.

EditContext.selectionStart Schreibgeschützt Experimentell

Der Offset innerhalb des bearbeitbaren Textinhalts, der den Anfang der aktuellen Auswahl darstellt.

EditContext.selectionEnd Schreibgeschützt Experimentell

Der Offset innerhalb des bearbeitbaren Textinhalts, der das Ende der aktuellen Auswahl darstellt.

EditContext.characterBoundsRangeStart Schreibgeschützt Experimentell

Der Offset innerhalb des bearbeitbaren Textinhalts, an dem die letzte IME-Komposition begann.

Instanz-Methoden

EditContext basiert auf der EventTarget-Schnittstelle und beinhaltet deren Methoden.

EditContext.attachedElements() Experimentell

Ein Array, das ein HTMLElement-Objekt enthält, welches das Element darstellt, das mit dem EditContext-Objekt assoziiert ist.

EditContext.characterBounds() Experimentell

Die Liste von Begrenzungsrechtecken für die Zeichen im EditContext-Objekt.

EditContext.updateText() Experimentell

Aktualisiert den internen Textinhalt des EditContext-Objekts.

EditContext.updateSelection() Experimentell

Aktualisiert den internen Zustand der Auswahl innerhalb des bearbeitbaren Textkontexts.

EditContext.updateControlBounds() Experimentell

Informiert das Betriebssystem über die Position und Größe des bearbeitbaren Textbereichs.

EditContext.updateSelectionBounds() Experimentell

Informiert das Betriebssystem über die Position und Größe der Auswahl innerhalb des bearbeitbaren Textbereichs.

EditContext.updateCharacterBounds() Experimentell

Informiert das Betriebssystem über die Position und Größe der Zeichen im EditContext-Objekt.

Ereignisse

textupdate Experimentell

Wird ausgelöst, wenn der Benutzer Änderungen am Text oder der Auswahl vorgenommen hat.

textformatupdate Experimentell

Wird ausgelöst, wenn eine Komposition mit einem Input Method Editor (IME)-Fenster erfolgt und der IME entscheidet, dass bestimmte Teile des komponierten Textes unterschiedlich formatiert werden sollten, um den Kompositionsstatus anzuzeigen.

characterboundsupdate Experimentell

Wird ausgelöst, wenn das Betriebssystem die Größe und Position bestimmter Zeichen innerhalb des bearbeitbaren Textbereichs des EditContext-Objekts kennen muss, um ein IME-Fenster anzuzeigen.

compositionstart Experimentell

Wird ausgelöst, wenn eine Komposition mit einem IME-Fenster beginnt.

compositionend Experimentell

Wird ausgelöst, wenn eine Komposition mit einem IME-Fenster endet.

Spezifikationen

Specification
EditContext API
# dom-editcontext

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
EditContext
Experimental
EditContext() constructor
Experimental
attachedElements
Experimental
characterBounds
Experimental
characterBoundsRangeStart
Experimental
characterboundsupdate event
Experimental
compositionend event
Experimental
compositionstart event
Experimental
selectionEnd
Experimental
selectionStart
Experimental
text
Experimental
textformatupdate event
Experimental
textupdate event
Experimental
updateCharacterBounds
Experimental
updateControlBounds
Experimental
updateSelection
Experimental
updateSelectionBounds
Experimental
updateText
Experimental

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.
See implementation notes.