CKEditor 5 追加 HTML答案

【问题标题】：CKEditor 5 append HTMLCKEditor 5 追加 HTML
【发布时间】：2022-12-03 16:05:22
【问题描述】：

我正在为我的网站构建一个 CMS 系统。页面内容可使用 CKEditor 进行编辑。我想让插入已经在服务器上的图像成为可能，（所以没有使用 CKEditor 上传文件）。我尝试了多种方法来做到这一点，我一直在寻找类似的问题，但我似乎无法弄清楚。

我想这样做：首先你有ckeditor

在其下方，您会看到一个链接，该链接打开一个折叠窗口，其中包含服务器上图像的概览。如果您单击其中一张图像，它就会出现在编辑器中。

听起来容易，做起来似乎很难。请帮帮我。

【问题讨论】：

【解决方案1】：

我想你可以用这个：

    var editor= ClassicEditor.create($("#content"),{})
.then(editor=>{
window.editor=editor
})

/* content is your textarea id */

之后，您可以使用editor 来附加 html 代码，如下所示：

document.addEventListener("wayYouSelectImage", function (){
editor.data.set("<img src='yourlink' />)
})

【讨论】：