Question

我想在源视图中禁用CKEditor外的按钮。我尝试了很多不同的方法，但似乎无法做到正确。

我的代码：

var CKE = CKEDITOR.instances.textarea;
    CKE.setData(decodeURIComponent(htmlTEXT), function () {
        this.checkDirty();
    });

    CKEDITOR.on('key', function (ev) {
        var state = ev.editor.getCommand('source').state;
        console.log(state);
        if (state == true)
        {
         // disable button
        }
    });

Answer 1

使用CKEDITOR.editor#mode事件监听器（JSFiddle）：

CKEDITOR.replace( 'my-editor', {
    toolbarGroups: [
        {"name":"document","groups":["mode"]},
        {"name":"basicstyles","groups":["basicstyles"]}
    ],
    on: {
        instanceReady: function() {
            this.on( 'mode', function() {
                console.log( this.name + ' works in ' + this.mode + ' mode' );
            } );
        }
    }
} );

Answer 2

感谢您的帮助。我最终创建了一个功能来检查“源”的模式。

    function checkSource() {
      if (CKEDITOR.instances.textarea.mode == 'source'){
        // this will disable the save button while in 'Source' mode.
        $('#SaveBtn').attr('disabled', 'disabled');
      }
      else{
        $('#SaveBtn').removeAttr('disabled', 'disabled');;
      }

CKEditor＆＃39;来源＆＃39;按钮监听器

2 个答案: