Question

我有一个ckeditor和bellow是我的textarea for 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

阅读此链接，这很有帮助。

尝试使用getData();

Useful Link

Answer 2

您甚至可以直接从编辑器中检索此元素的内容：

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

但是我认为你想要做的事情的逻辑有问题。如果用户省略id属性或使用两次属性，则以这种方式检索内容可能会很危险。这是你不能依赖的。

您最好创建两个编辑器，一个包含内容，另一个包含#footer。另一种可能性是CKEditor 4中引入的inline editing feature允许按原样编辑网页。在我看来，你应该重新考虑你的想法，使其稳定可靠。

Answer 3

你可以这样做，

<强> Live Demo

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

不使用outHTML

<强> Live Demo

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();
});

从ckeditor获取特定内容

4 个答案: