CKEditor - 如何从最初未分配ID的ckeditor元素获取数据

时间:2017-08-03 13:32:05

标签: javascript html ckeditor

我刚刚开始使用CKEditor,我浏览了API文档,这非常好,虽然有些东西遗漏了。在某些时候,他们的帮助或文档将您带到一个页面并说要在StackOverflow上发布问题并在其上寻找答案,所以我在这里。

在文档中,它确实说明了如何获取数据或根据元素ID查找更改。 我有一个页面,在其上创建的元素是动态生成的,并且在动态生成时不会获取ID。 这些元素为textarea<div contenteditibable='true'。 我知道当CKEditor做它的事情时,它也会在元素的某些部分创建一个ID。 我知道在HTML中,所有东西都在DOM中获得了一个ID。 我知道我过分简化了事情。

使用CKEditor,如何从我不知道ID的内容中获取数据或更改事件?

1 个答案:

答案 0 :(得分:0)

请参阅inlineall示例的源代码。有一个非常聪明的event,它允许你到达每个编辑器实例(创建时)及其元素。在该事件监听器内部,您可以更改初始编辑器配置(在其他事件的帮助下更精确)。

编辑器还有instanceReady事件,您可以使用相同的方式分配change event,以捕获特定编辑器实例的所有更改。最后在change事件监听器(以及其他editor events)内部,您可以访问触发事件的编辑器,例如

CKEDITOR.on( 'instanceReady', function( evt ) {
     evt.editor.on( 'change', function( e ) {
        console.log( e.editor );
        console.log( e.editor.element );
     } );
} );

希望这有助于您开始使用。