我正在尝试使用 CK Editor 4 来实现 CMS 来编辑网页的某些可编辑片段。但它正在改变标记,尽管我尽最大努力配置它,但它不会。
其中一个示例是加载到编辑器中的以下原始标记
<article class="last">
<a href="#" class="promo-m">
<div class="info">
<h3>Access for All</h3>
<p>We want everyone to enjoy the benefits of good, clear communication.</p>
<p class="product-cta">
Find out more
</p>
</div>
</a>
</article>
在编辑器以所见即所得模式呈现此内容后,在保存(或以源代码模式查看)时,它会将标记更改为:
<article class="last">
<div class="info">
<h3><a class="promo-m" href="#">Access for All</a></h3>
<p><a class="promo-m" href="#">We want everyone to enjoy the benefits of good, clear communication.</a></p>
<p class="product-cta"><a class="promo-m" href="#">Find out more </a></p>
</div>
</article>
换句话说,它正在删除包装标签并将 a 标签应用于每个包含元素。不幸的是,这会影响应用于内容的样式,这意味着更改任何链接将意味着为每个包含的链接元素更改它。
我正在使用以下配置关闭 ACF:
CKEDITOR.replace('editor', {
allowedContent: true
});
有人可以帮忙吗?
代码在 jsfiddle.net 上(基于较早的 stackoverflow 答案) http://jsfiddle.net/6FnRf/14/ 您可以在编辑器中单击源按钮,将文章内容粘贴进去,单击以所见即所得模式查看,然后返回源代码以查看它更改标记的方式。