EditContext: EditContext() constructor

Limited availability

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

See full compatibility

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The EditContext() constructor returns a new EditContext object.

Syntax

new EditContext()
new EditContext(options)

Parameters

options Optional

An optional object with the following properties:

text: A string to set the initial text of the EditContext.
selectionStart: A number to set the initial selection start of the EditContext.
selectionEnd: A number to set the initial selection end of the EditContext.

Examples

Instantiating an `EditContext` object

The following example creates a new EditContext object with the initial text "Hello world!" and the initial selection covering the entire text.

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}.`,
);

Specifications

Specification
EditContext API # dom-editcontext-constructor

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`EditContext()` constructor Experimental	Chrome – Full support Chrome 121 (Release date: 2024-01-23) footnote Full support	Edge – Full support Edge 121 (Release date: 2024-01-25) footnote Full support	Firefox – No support Firefox footnote No support	Opera – Full support Opera 107 (Release date: 2024-02-07) footnote Full support	Safari – No support Safari footnote No support	Chrome Android – Full support Chrome Android 121 (Release date: 2024-01-23) footnote Full support	Firefox for Android – No support Firefox for Android footnote No support	Opera Android – Full support Opera Android 81 (Release date: 2024-03-14) footnote Full support	Safari on iOS – No support Safari on iOS footnote No support	Samsung Internet – Full support Samsung Internet 25 (Release date: 2024-04-24) footnote Full support	WebView Android – Full support WebView Android 121 (Release date: 2024-01-23) footnote Full support	WebView on iOS – No support WebView on iOS footnote No support

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.