1

我正在尝试使用 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/ 您可以在编辑器中单击源按钮,将文章内容粘贴进去,单击以所见即所得模式查看,然后返回源代码以查看它更改标记的方式。

4

0 回答 0