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(*){*};';

但问题仍然存在。我不想被剥夺任何东西。

Answer 1

CKEditor的剥离是<a>从<button>因<button> 不能包含的<a>元素。使用HTML 验证器检查您的HTML。

从html5 按钮规范：

不得有交互式内容后代。

并且交互式内容页面列出了锚标记<a>作为第一个示例。