无法在chrome扩展中更新zendesk票证ck编辑器的内容答案

【问题标题】：Can't update the content of ck editor of zendesk ticket in chrome extension无法在chrome扩展中更新zendesk票证ck编辑器的内容
【发布时间】：2022-06-29 19:06:03
【问题描述】：

zendesk ticket 的 ck 编辑器让我很头疼。我将使用 jQuery 在 chrome 扩展中手动更新 ck 编辑器。我可以获取 HTML 值和类名，并将类名添加到这个 ck 编辑器中。但是当我更改这个ck编辑器的内容时，它永远不会改变。

let editable_content = $("#editor-view").find("div[data-test-id='omnicomposer-rich-text-ckeditor']");

editable_content.html("<p>Test Ck Editor</p>");
editable_content.addClass("test-editor");

const editorValue = $("#editor-view").find("div[data-test-id='omnicomposer-rich-text-ckeditor']").html();

类添加成功，editorValue的值为"

Test Ck Editor

”，但是ck editor的内容没有改变。

zendesk.com/agent/ticket/1 是包含 ck editor 的 URL。

请帮我解决这个问题。谢谢。

【问题讨论】：

标签： ckeditor zendesk chrome-extension-manifest-v3

【解决方案1】：

对于 ckEditor 5（zendesk 目前使用的），所有更改都需要通过模型完成。

为了访问模型，您在包含它的 domElement 上拥有 ckeditorInstance 属性。

ckeditorInstance 仅出现在以世界为主要运行的后台脚本中。

chrome.scripting.executeScript({world: 'MAIN', ...otherOptions})

一旦您能够访问模型，那么它就像编写 JS 代码来更改 ckEditor 内容一样简单（或复杂）。

【讨论】：