为什么 CKEditor5 将图像包装在 <span> 中，呈现为“HTML 对象”块？

Question

我正在将应用程序从使用 CKEditor 4 更新到 5（我知道，太晚了）。 为什么 CKEditor5 将我的图像包裹在 span 标签中？我没有使用任何图像插件，图像是通过 GeneralHtmlSupport 插件支持的。 span/HTML 对象包装器正在影响内容流并覆盖图像上设置的某些样式。有什么办法可以消除这个现象吗

CKEditor4：

<h3 class="heading-3">
    Some text
    <img alt="" class="img-responsive" data-src="id:1634839420011" data-cke-saved-src="https://...639d2a8b4" src="https://...639d2a8b4" style="width: 23%; float: left; display: inline; margin: 0px 10px 0px 0px;">
</h3>
<p class="large-text">Next paragraph</p>

呈现如下：

CKEditor5：

<h3 class="dheading-3">
    Some text
    <span class="html-object-embed ck-widget" data-html-object-embed-label="HTML object" contenteditable="false">
        <img class="html-object-embed__content img-responsive" style="display:inline;float:left;margin:0px 10px 0px 0px;width:23%;" src="https://...9338744" data-src="box:1634839420011" alt="" data-cke-saved-src="https://...9338744">
    </span>
</h3>
<p class="large-text">Next paragraph</p>

呈现如下：

Answer 1

我能够通过以下方式让图像以我想要的方式显示：

• 通过 GeneralHtmlSupport 插件禁用

  img

  支持
• 创建一个新插件，添加了对内容中

  img

  标签的支持