CKEDITOR在按钮内去掉锚点标签

Question

我有一段像这样的HTML代码。

<button class="login_btn"><a href="#">Login</a></button>

但是当我使用 CKEDITOR 行内编辑器时，它会变成

<button class="login_btn">Login</button>

我尝试使用

config.allowedContent = true;

并且

config.extraAllowedContent = 'button(*){*};a(*){*};';

但是问题仍然存在。我不希望任何东西被剥离。

- Beniston

Answer 1

CKEditor会从中删除，因为元素不能包含元素。请使用HTML验证器检查您的HTML。

根据HTML5按钮规范：

不能有交互内容后代。

而交互内容页面将锚点标签列为第一个示例。

- Reinmar

---

它不允许<a>标签内包含<div>标签，即使验证器已经验证通过。 - Hp93

Answer 2

如果你需要强制修复它，你可以添加一个配置项（只需将一行代码添加到 ckeditor 文件夹内的 config.js 文件的末尾）：

CKEDITOR.dtd.button.a = 1;

这意味着：您允许在编辑器中使用标签<a>嵌套在标签<button>内。这对我有效。

- Alex Bykovski

Answer 3

你尝试过使用其他HTML编辑器，比如CoffeCup或Sublime Text吗？我认为这只是你的编辑器出了问题。我已经尝试了你的代码，它可以正常工作。

- Muhammad Osmond

---

我在这里谈论所谓的所见即所得编辑器。这是可以嵌入到网页中的编辑器。你试过在CKeditor中运行我的代码吗？ - Beniston

我不能确定，但也许这个链接可以帮到你。 - Muhammad Osmond