内联 CKEditor 在某些 HTML 标记中不起作用

【问题标题】：Inline CKEditor not working in some HTML tags内联 CKEditor 在某些 HTML 标记中不起作用
【发布时间】：2021-03-02 13:22:23
【问题描述】：

CKEditor Inline standard-all 版本仅适用于少数 HTML 标签行 <div>、<p>、<h1>-<h6>。此内联编辑器不会针对 strong、i、span 等元素弹出。

我在grapesJS 编辑器中使用这个内联编辑器。

这里是JSFiddle，您可以在其中检查工作和代码。

版本：

grapesjs - 0.16.18

ckeditor - standard-all - 4.14.1

我们能否通过使用format_tags: "span;strong" 来解决此问题。有没有其他方法可以解决这个问题。如果有请告诉我。

【问题讨论】：

标签： html ckeditor grapesjs

【解决方案1】：

我得到了如下解决方案：

CKEDITOR.dtd.$editable.span = 1
CKEDITOR.dtd.$editable.a = 1
CKEDITOR.dtd.$editable.strong = 1
CKEDITOR.dtd.$editable.em = 1
CKEDITOR.dtd.$editable.s = 1
CKEDITOR.dtd.$editable.u = 1
CKEDITOR.dtd.$editable.i = 1
CKEDITOR.dtd.$editable.p = 1
CKEDITOR.dtd.$editable.sub = 1
CKEDITOR.dtd.$editable.sup = 1
CKEDITOR.dtd.$editable.h1 = 1
CKEDITOR.dtd.$editable.h2 = 1
CKEDITOR.dtd.$editable.h3 = 1
CKEDITOR.dtd.$editable.h4 = 1
CKEDITOR.dtd.$editable.h5 = 1

CKEDITOR.disableAutoInline = true;

这不是核心文件更新或与之相关的东西。您可以在自定义/执行功能的位置添加此代码。

这里是JSFiddle，您可以在其中检查工作和代码。

Inline CKeditor integrated in GrapesJS editor

【讨论】：