php - ckeditor から特定のコンテンツを取得する

Question

私はckeditorを持っており、以下はckeditorのテキストエリアであり、それはコンテンツであり、<p id="footer"></p>jqueryを使用してコンテンツを取得するにはどうすればよいですか

<textarea id="cheditor_text" name="cheditor_text" rows="10">
<p> welcome to our company </p>
<p id="footer">
Copy right @ exak=mple.com
</p>
</textarea>

Answer 1

この要素のコンテンツをエディターから直接取得することもできます。

CKEDITOR.instances.your_editor_instance.document.getById( 'footer' ).getHtml();

ただし、やりたいことのロジックに問題があると思います。この方法でコンテンツを取得すると、ユーザーがid属性を省略したり、2 回使用したりすると危険な場合があります。これはあなたが頼ることができないものです。

1 つはコンテンツ用、もう 1 つは#footer. もう 1 つの可能性は、Web ページをそのまま編集できる CKEditor 4 で導入されたインライン編集機能です。私の意見では、アイデアを安定して信頼できるものにするために、アイデアを再考する必要があります。

Answer 2

このリンクを読んでください。役に立ちます。

getData();を使用してみてください。

便利なリンク

Answer 3

このようにできます。

ライブデモ

txt = $('#cheditor_text').text();
html = $('<div>').append(txt).find('#footer').prev()[0].outerHTML;

outHTMLを使わずに

ライブデモ

txt = $('#cheditor_text').text();
pTag = $('<div>').append(txt).find('#footer').prev();
alert($('<div>').append(pTag).html())​

Answer 4

試す

var value = CKEDITOR.instances['cheditor_text'].getData();
$(value).find('#footer').html();

また

$('#cheditor_text').ckeditor(function( textarea ){
$($(textarea).val()).find('#footer').html();
});