EditContext: EditContext()-Konstruktor

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.

Der EditContext()-Konstruktor gibt ein neues EditContext-Objekt zurück.

Syntax

new EditContext()
new EditContext(options)

Parameter

options Optional

Ein optionales Objekt mit den folgenden Eigenschaften:

text: Ein String, um den initialen Text des EditContext festzulegen.
selectionStart: Eine Zahl, um den Anfang der initialen Auswahl des EditContext festzulegen.
selectionEnd: Eine Zahl, um das Ende der initialen Auswahl des EditContext festzulegen.

Beispiele

Instanziierung eines `EditContext`-Objekts

Das folgende Beispiel erstellt ein neues EditContext-Objekt mit dem initialen Text "Hello world!" und der initialen Auswahl, die den gesamten Text abdeckt.

html

<div id="editor"></div>

const initialText = "Hello world!";

const editContext = new EditContext({
  text: initialText,
  selectionStart: 0,
  selectionEnd: initialText.length,
});

const editorElement = document.getElementById("editor");
editorElement.editContext = editContext;

console.log(
  `EditContext object ready. Text: ${editContext.text}. Selection: ${editContext.selectionStart} - ${editContext.selectionEnd}.`,
);