HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 如何配置CKEditor以允许将html块级标记包装在锚标记中大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在链接中包含几个块标记( valid in HTML5):

<a href="http://example.com">
  <div>foo</div>
  <p>bar</p>
  <span>baz</span>
  <strong>zoom</strong>
</a>

但是CKEditor重写代码使得链接放在块标记内并允许包装内联标记,因为上面的代码被替换为以下代码

<div><a href="http://example.com">foo</a></div>
<p><a href="http://example.com">bar</a></p>
<a href="http://example.com"><span>baz</span> <strong>zoom</strong> </a>

如何禁用此行为?

在CKEditor配置中,我使用config.allowedContent = true;禁用过滤允许的标签.

我们还使用config.autoParagraph = false;不要求将根级别标记包装在段落中.

我尝试过使用config.extraAllowedContent = "a p; a div";,但这似乎没有任何效果.

解决方法

目前CKEditor(4.2)仅是xHTML / HTML4编辑器. HTML5 DTD(动态,BTW)没有支持,这是你问题的根源.我也担心没有解决方法/配置,因为不同的DTD意味着不同的解析器,所以CKEditor不适合你.抱歉.

您可以在this ticket中找到更多信息.

大佬总结

以上是大佬教程为你收集整理的html5 – 如何配置CKEditor以允许将html块级标记包装在锚标记中全部内容,希望文章能够帮你解决html5 – 如何配置CKEditor以允许将html块级标记包装在锚标记中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。