Ckeditor获取元素ID?

时间:2014-04-08 13:37:25

标签: javascript jquery ckeditor

我正在尝试在我的文档中使用多个内联编辑实例。我已经想出如何启用所有这些实例并将每个实例的数据保存到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。 (凸块)

1 个答案:

答案 0 :(得分:3)

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

 id: this.element.$.id

DEMO