ckeditor - onpaste事件

Question

有没有人知道如何在CKEditor 3.x中附加onpaste事件？

我基本上要抢CTRL +V数据和一些文本添加到它，然后将其添加到编辑器。

我环顾四周，但还没有找到明确的答案。 CKEditor论坛没有太大的帮助。

Answer 1

这应该做的伎俩

var editor = CKEDITOR.instances.YourInputControlName; 
editor.on('paste', function(evt) { 
    // Update the text 
    evt.editor.setData(evt.editor.getData() + ' your additional comments.'); 
}, editor.element.$); 

Answer 2

这个例子编辑通过删除所有IMG元素粘贴的内容。

CKEDITOR.on('instanceReady', function (ev) { 
    ev.editor.on('paste', function (ev) { 
     ev.data.html = ev.data.html.replace(/<img([^>]*)?>/gi, ''); 
    }); 
}); 

Answer 3

您的两个示例都有点合成。

首先，editor.getData（）获取编辑器的所有内容，因此如果您只想处理粘贴的数据，您需要获取ev.data.html并粘贴到正确的位置。

editor = CKEDITOR.instances.editor1; 
editor.on('paste', function (evt) { 
    var editor = evt.editor; 
    evt.stop(); // we don't let editor to paste data, only for current event 
    // show loader that blocks editor changes 
    $.post('clean.php', {html: evt.data.html}, function (data) { 
     editor.insertHtml(data.html); // text will be inserted at correct place 
     // hide loader 
    }, 'json'); 
}); 

不要使用功能editor.setReadonly（真/假），您将无法粘贴到正确的位置（用异步数据处理的情况下）的文本。

Answer 4

我知道这是一个老问题，但认为我会添加我的版本的aliaksej的答案，因为它允许使用自定义的“清洁” - 它不适合我，直到我改变它如下。

editor = CKEDITOR.instances[id]; 
editor.on('paste', function (evt) { 
    evt.stop(); 
    $.post('/actions/clean.php', {html: evt.data.dataValue}).done(function (data) { 
     evt.editor.insertHtml(data); 
    }, 'json'); 
}); 

Answer 5

editor = CKEDITOR.instances[id]; 

editor.on('paste', function (evt) { 
    evt.stop(); 
    var data = evt.data.dataValue; 

    if (window.chrome || window.safari) { 
     // removing span wrapper on webkit browsers. 
     data = $(data).html(); 
    } 
    evt.editor.insertHtml(data); 
});