Kentico - CKEditor - 禁用高级内容过滤器 (ACF)

Question

我目前正在使用使用 CKEditor 的 Kentico CMS 进行开发。

我们在开发过程中使用 Bootstrap，因此有时需要古怪的 HTML。

CKEditor 似乎正在自动更正 HTML：

之前：

<a href="#" class="list-group-item">
  <h4 class="list-group-item-heading">NEBOSH Revision</h4>
  <p class="list-group-item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare mattis vulputate. Nullam eu est quis risus congue feugiat. Sed ut erat accumsan.</p>
</a>

之后：

<h4 class="list-group-item-heading">
   <a class="list-group-item" href="#">NEBOSH Revision</a>
</h4>
<p class="list-group-item-text">
   <a class="list-group-item" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare mattis vulputate. Nullam eu est quis risus congue feugiat. Sed ut erat accumsan.</a>
</p>

我一直在阅读“config.allowedContent = true”选项来禁用高级内容过滤器，但它似乎不起作用。

我不知道这是因为我做错了，还是因为这个选项不能解决我的问题。

在我的 config.js 文件中，我尝试过设置：

CKEDITOR.editorConfig = function (config) {
    config.allowedContent = true;

然后这样设置：

CKEDITOR.config.allowedContent = true;

CKEDITOR.editorConfig = function (config) {

Answer 1

您的问题与允许的内容过滤器无关。 CKEditor 4.x 是 HTML4/xHTML 1.1 编辑器（静态 DTD），这些标准不允许链接内的块元素（请参阅this answer）。这就是 CKEditor 的解析器认为您的 HTML 无效并进行更正的原因。

您必须更改标记以使其与 CKEditor 兼容（请参阅 this answer）。