15

有谁知道我如何onpaste在 CKEditor 3.x 中附加一个事件？

我基本上想抓取CTRL+V数据并向其中添加一些文本，然后将其添加到编辑器中。

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

4

5 回答 5

18

这应该可以解决问题

var editor = CKEDITOR.instances.YourInputControlName;
editor.on('paste', function(evt) {
    // Update the text
    evt.editor.setData(evt.editor.getData() + ' your additional comments.');
}, editor.element.$);
于 2010-02-13T21:16:53.517 回答
13

你的两个例子都有点综合。

首先 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(true/false)，您将无法将文本粘贴到正确的位置（在异步数据处理的情况下）。

于 2011-11-10T13:10:13.090 回答
12

此示例通过删除所有 img 元素来编辑要粘贴的内容。

CKEDITOR.on('instanceReady', function (ev) {
    ev.editor.on('paste', function (ev) {
        ev.data.html = ev.data.html.replace(/<img( [^>]*)?>/gi, '');
    });
});
于 2011-09-28T19:34:53.163 回答
1

我知道这是一个老问题，但我想我会添加我的 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');
});
于 2013-12-18T14:20:34.050 回答
1 
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);
});
于 2014-02-10T12:44:01.257 回答