ckeditor 学习笔记【3】粘贴事件/截图粘贴
来源:互联网 发布:淘宝注册页面html模板 编辑:程序博客网 时间:2024/05/21 17:40
初始化ckeditor之后添加如下代码
editor 为ckeditor的id
//监听富文本粘贴事件CKEDITOR.instances['editor'].on('paste', function(e) { alert('粘贴时触发'); var content = e.data.dataValue;// 粘贴的内容(字符串) e.editor.document;// 获取富文本内容});
//监听富文本粘贴完成事件CKEDITOR.instances['editor'].on('afterPaste', function(e) { alert('粘贴完成触发');});
// 截图粘贴CKEDITOR.instances["editor"].on('instanceReady', function(e) { this.document.on("paste", function(e) { var items = e.data.$.clipboardData.items; for(var i = 0; i < items.length; ++i) { var item = items[i]; if(item.kind == 'file' && item.type == 'image/png') { var imgFile = item.getAsFile(); if(!imgFile) { return true; } var reader = new FileReader(); reader.readAsDataURL(imgFile); reader.onload = function(e) { //显示文件 CKEDITOR.instances["editor"].insertHtml('<img src="' + this.result + '" alt="" />'); } return false; } } });});
阅读全文
0 0
- ckeditor 学习笔记【3】粘贴事件/截图粘贴
- ckeditor 粘贴图片,粘贴截图
- CKEDITOR无缝粘贴word
- 网页截图粘贴上传
- Vim学习笔记--复制粘贴
- CKEditor从word粘贴问题
- ckeditor 粘贴样式不能显示
- Clipboard的使用和CKEditor在编辑框粘贴截图并上传(Java版)
- 实现浏览器截图粘贴功能
- 粘贴截图完成上传功能
- 复制粘贴触发事件
- jQuery插件 粘贴事件
- js的粘贴事件
- jqery粘贴事件
- ckeditor的文本文件粘贴的br问题
- ckeditor粘贴的图片自动上传
- vim粘贴复制学习
- Mac 系统 怎么截图 复制 粘贴 快捷键
- SQL 之 cast()函数
- Gym
- fragment懒加载时生命周期分析
- Java中泛型 类型擦除
- 彻底卸载MySQL的方法
- ckeditor 学习笔记【3】粘贴事件/截图粘贴
- Win32串行通信中文版(Serial Communications In Win32)
- HDU5858 Hard problem
- RabbitMQ--RabbitMQ-C客户端使用说明
- 使用jQuery的一些注意事项总结(持续更新......)
- 数据挖掘流程
- springboot中配置restTemplate及简单使用
- Python入门系列——第1篇
- 计算机网络基础学习