如何使用jQuery直接操作编辑器内容?

如何使用jQuery直接操作编辑器内容?,jquery,ckeditor,Jquery,Ckeditor,我想使用jQuery直接操作CKEditor实例中的内容。例如,假设我想添加一个按钮,该按钮将查找编辑器内容中的所有h1,并在标题文本前面加上“Title:”。使用jQuery在普通页面内容中很容易做到这一点:类似于$('h1')。prepend('Title:')应该可以做到这一点 但是,我在CKEditor文档中找不到任何关于如何对内容执行此类操作的信息,即使是在插件中。我所发现的最接近于一个类似的问题,该问题声称它可以从插件中实现,但它实际上并没有回答如何实现的问题 你可以。是编辑器实例的

我想使用jQuery直接操作CKEditor实例中的内容。例如,假设我想添加一个按钮,该按钮将查找编辑器内容中的所有h1,并在标题文本前面加上“Title:”。使用jQuery在普通页面内容中很容易做到这一点:类似于
$('h1')。prepend('Title:')
应该可以做到这一点

但是,我在CKEditor文档中找不到任何关于如何对内容执行此类操作的信息,即使是在插件中。我所发现的最接近于一个类似的问题,该问题声称它可以从插件中实现,但它实际上并没有回答如何实现的问题

你可以。是编辑器实例的属性。然后你必须确保在以下时间完成:

CKEDITOR.replace( 'editor', {
    on: {
        instanceReady: function() {
            var doc = this.document.$;

            $('p', doc ).prepend( '(!) ' );
        }
    }
} );