如何在ckeditor中的锚标记上添加自定义属性

Question

我在ckeditor链接弹出窗口中添加了新的标签和字段。

但是，我无法在链接标记上添加此filds属性。请参见下面的图像和代码。

<a href="http://example.com" data-slug="my-slug">Colin</a> //My Requirement



CKEDITOR.on( "dialogDefinition", function( ev )   {
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;
        var dialog     = ev.data.definition.dialog;

        if ( dialogName == "link" ) {
            dialogDefinition.addContents({
                id : 'data_attributes',
                label : 'Data Attributes',
                accessKey : 'M',
                elements: [{
                    type: 'hbox',
                    widths : [ '100%'],
                    children : [{
                        id : 'data_slug',
                        type : 'text',
                        label : 'Girls/Agency Slug',
                        setup: function (data) {
                            //this.setValue('initial value');
                        },
                        commit: function(data) {
                            console.log("commit");
                            console.log(data);
                            data['data-slug'] = this.getValue();


                            console.log(ev);

                        }               
                    }]
                }]
            });        
        }
    });