如何在onClick事件上设置CKEDITOR对话框数据

Question

我正在使用CKEDITOR 占位符插件，并尝试在onClick上设置小部件数据。

当我在提交时设置小部件数据时，一切工作正常：

commit: function(widget) {
  widget.setData('name', this.getValue());
}

但是，当我尝试在onClick上执行相同操作时：

onClcik: function(widget) {
    widget.setData('name', this.getValue());
 }

我的widget对象不同， widget.setData未定义widget.setData 。

我的问题是如何在单选元素的onClick事件上设置小部件数据？

Placholder.js

'use strict';
CKEDITOR.dialog.add('placeholder', function(editor) {
    var lang = editor.lang.placeholder,
        generalLabel = editor.lang.common.generalTab,
        validNameRegex = /^[^\[\]<>]+$/;

    return {
        title: 'Insert variable from:',
        minWidth: 200,
        minHeight: 151,
        contents: [{
            id: 'initial-view',
            label: 'view one',
            title: generalLabel,
            elements: [{
                id: 'view-one',
                style: 'width: 100%;',
                type: 'html',
                html: ''
            }, {
                type: 'button',
                id: 'open-organizational-units',
                label: 'Organizational units',
                title: 'Organizational units',
                className: 'dialog-btn-icon-forward',
                setup: function(widget) {
                    this.setValue(widget.data.name);
                },
                onClick: function(widget) {
                    this.getDialog()
                        .selectPage('organizational-unit-view');
                }
            }]
        }, {
            id: 'organizational-unit-view',
            label: 'view two',
            title: generalLabel,
            elements: [{
                    type: 'button',
                    id: 'back-to-main-view',
                    label: 'Organizational units',
                    title: 'Organizational units',
                    className: 'dialog-btn-icon-back',
                    setup: function(widget) {
                        this.setValue(widget.data.name);
                    },
                    onClick: function(widget) {
                        this.getDialog()
                            .selectPage('initial-view');
                    }
                },
                {
                    type: 'radio',
                    id: 'list-of-vars',
                    align: 'vertical',
                    style: 'color: green',
                    'default': '',
                    setup: function(widget) {
                        this.setValue(widget.data.name);
                    },
                    onClick: function(widget) {
                        widget.setData('name', this.getValue());
                    },
                    commit: function(widget) {

                    }
                }
            ]
        }]
    };
});

Answer 1

要使其适用于onClick事件，只需添加

var okBtn = document.getElementsByClassName('cke_dialog_ui_button_ok');
okBtn[0].click();

里面像这样的onClick函数

onClick: function(widget) {
                    if (this.getValue()) {
                        var okBtn = document.getElementsByClassName('cke_dialog_ui_button_ok');
                        okBtn[0].click();
                    }
                }