javascript - Ckeditor获取元素ID？

Question

我正在尝试在我的文档中使用多个内联编辑实例。我已经弄清楚如何启用所有这些实例并将每个实例的数据保存到 mysql 数据库中。但我需要一种方法来区分每个编辑器。我正在考虑为此使用 id，但是我需要能够在保存时获取每个元素的 id，以便将其也保存到数据库中。我怎样才能做到这一点？

这是我尝试过的，这是我的编辑:

<div class="row">
   <div contenteditable="true" id="editor1" class="col-md-4 col-md-offset-2 editable">
       <p>Edit me plox</p>
   </div>

   <div contenteditable="true" id="editor2" class="col-md-4 col-md-offset-1 editable">
       <p>Edit me plox</p>
   </div>
</div>

这是保存编辑器内容的脚本:

var elements = $( '.editable' );
elements.each( function() {
CKEDITOR.inline(this  ,{
        on:{
            blur: function(event){
                if (event.editor.checkDirty())
                    console.log(event.editor.getData());
                    var data = event.editor.getData();

                    var request = jQuery.ajax({
                        url: "coreedit/scripts/savecontent.php",
                        type: "POST",
                        data: {
                            content : data,
                            id: $(this).attr('id')
                        },
                        dataType: "html"
                    });

                    alert($(this).attr('id'));
            }
        }
    });
} );

我猜这会检索 ckeditor 的 id，因为它返回的消息是 cke_1 和 cke_2。我想要元素的实际 ID。 (颠簸)

Answer 1

在这种情况下，this 是一个 CKEditor 对象 ... here are the docs about it

 id: this.element.$.id

DEMO