Web ページの特定の編集可能なフラグメントを編集するために 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>
エディターがこれを wysiwyg モードでレンダリングした後、保存 (またはソース モードで表示) すると、マークアップが次のように変更されます。
<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 タグのラップを取り除き、含まれている要素のそれぞれに a タグを適用することです。残念ながら、これはコンテンツに適用されるスタイルに影響を与えており、リンクを変更すると、含まれているリンクされた要素ごとにスタイルが変更されることになります。
この構成を使用して ACF をオフにしています。
CKEDITOR.replace('editor', {
allowedContent: true
});
誰でもこれについて助けることができますか?
コードはjsfiddle.netにアップされています(以前のstackoverflowの回答に基づいています) http://jsfiddle.net/6FnRf/14/ エディターでソースボタンをクリックし、記事の内容を貼り付け、クリックしてwysiwygモードで表示できます、次にソースに戻って、マークアップがどのように変更されるかを確認します。