在CKEditor对话框中收听单击事件

时间:2013-07-24 11:54:35

标签: javascript dialog ckeditor

我有一个ckeditor实例,我使用以下方法添加了一个自定义对话框:

CKEDITOR.dialog.add('quicklinkDialog', function(editor) {
   return {
     title: 'Quick Links',
     minWidth: 400,
     minHeight: 200,

     contents: [
       {
        id: 'tab1',
        label: 'Add a quick link',
        elements: [
        {
         type: 'html',
         html: '<p>This is some text and then: <a href="">Click me!</a></p>'
        }]
   };
 });

我想在对话框内的链接上添加“click”事件监听器。单击该链接后,内容将插入到我的textrea中(对话框也将关闭)。

任何人都知道我该怎么做?提前致谢!

1 个答案:

答案 0 :(得分:8)

你走了:

{
    type: 'html',
    html: '<p>This is some text and then: <a href="">Click me!</a></p>',
    onLoad: function( a ) {
        CKEDITOR.document.getById( this.domId ).on( 'click', function() {
            var dialog = this.getDialog();
            dialog.hide();
            dialog._.editor.insertHtml( this.html );
        }, this );
    }
}

请参阅API了解详情。