EditContext：EditContext() 构造函数

可用性有限

此功能并非基线功能，因为它在一些最常用的浏览器中无法正常工作。

实验性：这是一个 实验性技术
在生产环境中使用此功能前，请仔细查看 浏览器兼容性表格。

EditContext() 构造函数返回一个新的 EditContext 对象。

语法

js
new EditContext()
new EditContext(options)

参数

options 可选

一个包含以下属性的可选对象

text

一个字符串，用于设置 EditContext 的初始文本。

selectionStart

一个数字，用于设置 EditContext 的初始选择起始位置。

selectionEnd

一个数字，用于设置 EditContext 的初始选择结束位置。

示例

实例化 EditContext 对象

以下示例创建了一个新的 EditContext 对象，其初始文本为“Hello world！”，初始选择覆盖整个文本。

html
<div id="editor"></div>
js
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}.`,
);

规范

规范
EditContext API
# dom-editcontext-constructor

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。

参见