当前位置: 代码迷 >> Web前端 >> 覆盖默许的ctrl+v和右键粘贴事件的实现
  详细解决方案

覆盖默许的ctrl+v和右键粘贴事件的实现

热度:137   发布时间:2012-10-08 19:54:56.0
覆盖默认的ctrl+v和右键粘贴事件的实现

我用的kindeditor版本是3.5.1,客户的需求是希望在编辑器的窗口内执行ctrl+v或者右键粘贴的时候,要把多余的HTML等代码过滤掉,只保留文本,相当于"粘贴为无格式文本"控件所做的那样.摸索了几天,终于实现了.实现方式如下:

?

1、注释掉kindeditor.js文件的193行

//this.add(newElement, 'paste', handler, id);

?

2、在kindeditor.js中的KE.create函数结束前(即2881行),加上下面的代码

??????? function pasteHandler(e){
??????? ?e.returnValue=false;
??????? ?KE.event.stop(e);
??????? ?KE.plugin['plainpaste'].click(id);
??????? };
??????? var newElement = (iframeDoc.nodeName == '#document') ? iframeDoc.body : iframeDoc;
??????? KE.event.add(newElement, 'paste', pasteHandler, id);

?

说明:pasteHandler函数是ctrl+v或者右键粘贴的时候执行的方法,这里为了浏览器的通用性,调用了"粘贴为无格式文本"控件的函数。如果不需要考虑浏览器的通用性的话,可以在pasteHandler里直接和剪切贴交互,类似于下面这样的代码(需经过修改后才可用)。

??????? function pasteHandler(e){
??????? ?e.returnValue=false;
??????? ?KE.event.stop(e);


????????var html = window.clipboardData.getData();

??html = KE.util.escape(html);
??html = html.replace(/ /g, ' ');
??html = html.replace(/\r\n|\n|\r/g, "<br />$&");
??KE.util.insertHtml(id, html);
??KE.util.focus(id);?????????

??????? };

  相关解决方案