是否可以使用 Chrome 扩展在 React 词法编辑器中自动编写文本？

Question

我正在尝试编写一个 chrome 扩展，当用户按下按钮时，它会自动在文本框中写入文本。我很确定我试图让 chrome 扩展工作的网站正在使用词法编辑器并做出反应。

有谁知道如何从 DOM 元素将文本输入到词法编辑器中？

我尝试将按键事件发送到词法编辑器元素并更改其内部文本，但没有任何运气。

Answer 1

要在编辑器中模拟用户输入，我们可以使用

InputEvent

API 来调度适当的事件。

const lexicalEditor = document.querySelector('editor-selector');

const inputEvent = new InputEvent('input', {
  data: 'Your text here',
  inputType: 'insertText',
  dataTransfer: null,
  isComposing: false,
  bubbles: true,
});
lexicalEditor.dispatchEvent(inputEvent);

在 Facebook 上测试（通过 Chrome 扩展自动发布 Facebook 帖子）