Как добавить пользовательские атрибуты для тега привязки в ckeditor

Question

Я добавил новую вкладку и поля во всплывающем окне ckeditor.

Но я не могу добавить атрибуты этого поля в тег ссылки. Смотрите ниже изображения и код.

<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);

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