在可编辑文本字段中设置格式化文本的最佳方法是什么

Question

我已经在Chrome扩展程序的背景页面中创建了HTML格式的字符串，我希望将其放入主页的可编辑文本字段中。该编辑器是羽毛笔编辑器。至此，我要放入文本的区域已经选择，我想更改格式化字符串的选择。

这似乎出奇的困难。我研究了两种方法：直接更改文本和使用剪贴板。 我可以使用getSelection从编辑器中获取文本：

function getSelectedText(){
    chrome.tabs.executeScript({code: 'getSelection().toString()'}, 
    res => callback(res)  //res => { alert(res[0]) });
    );

function getSelectedText(){ chrome.tabs.executeScript({code: 'getSelection().toString()'}, res => callback(res) //res => { alert(res[0]) }); );

但是，没有简单的方法可以将编辑后的文本推回去，例如setSelection（还有其他功能）。

我调查了Quill Api，并尝试：

   chrome.tabs.executeScript({code: 'ql-editor.setText(\'Hello\n\');'}...

但是，我收到关于没有权限的错误消息。

我还尝试加载剪贴板以将其粘贴回去，并且达到：

chrome.tabs.executeScript({code: 'ql-editor.setText(\'Hello\n\');'}...

那只是使整个事情崩溃，而没有错误消息。

那么，从Chrome扩展程序编辑文本字段中以HTML格式设置的文本的正确方法是什么？