如何获取当前可编辑的ckEditor内联模式选择的id属性值?

时间:2015-01-06 16:11:06

标签: javascript jquery ckeditor

我是第一次尝试实现ckeditor的内联编辑,我已经完成了文档和解决方案,但我没有找到任何解决方案。

我正在修改的div标签的内容没有唯一的id,实际上它是在运行时生成的

<%
    for(Section subSection:subSections) {
%>
    <div class="editable" id="contact<%=subSection.getSectionId()%>" contenteditable="true">
             <content goes here that also comes from db>
    </div> 
<%}%>

我可以点击此处的保存按钮显示当前所选内容

CKEDITOR.plugins.registered['save'] = {
    init: function (editor) {
        var command = editor.addCommand('save',
        {
            modes: { wysiwyg: 1, source: 1 },
            exec: function (editor) { // Add here custom function for the save button

                console.log(editor.getData());

            }
        });
        editor.ui.addButton('Save', { label: 'Save', command: 'save' });
    }
}

但我还需要当前所选div的Id属性值,我不知道该怎么做。 如果这对我有帮助的话,我可以用var div_id = tinymce.activeEditor.id;来做这件事。

1 个答案:

答案 0 :(得分:2)

它是editor.element.getId()。在命令的exec方法中使用它。详细了解CKEDITOR.editor#element