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

编程问答 2022-06-08

问题描述

CKEditor内联标准所有版本仅适用于<div>，<p>，<h1>-<h6>的HTML标签。此内联编辑器不会弹出strong，i，span等元素。

我正在grapesJS编辑器中使用此内联编辑器。

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

版本：

grapesjs-0.16.18

ckeditor-standard-all - 4.14.1

我们可以使用format_tags: "span;strong"来解决此问题吗？还有其他方法可以解决此问题。请让我知道。

解决方法

我得到了如下解决方案：

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，您可以在其中检查工作和代码。

ckeditorckeditorckeditorgrapesjshtml