让编辑器支持word的复制黏贴,支持截屏的黏贴_html/css_WEB-ITnose

chrome有很多人性化的API，比如拖拽， 比如图片可以转化为base64等；

比如知乎上面的回复中可以直接黏贴图片，  就不需要手动点击图片上传按钮， 选择图片， 确认上传等等； 知乎参考地址： 打开

让编辑器支持word的复制黏贴， 其中图片会转化为base64编码， 如果是通过远程打开这个静态页， 黏贴word文档的时候， 图片不会黏贴进来， 因为远程地址无法访问本地磁盘的绝对路径， 如果把下面代码保存成静态界面打开， 那么word中的图片都可以看见， 而且都会被转化为base64编码；

编辑器支持 截屏的黏贴；

让编辑器支持 图片直接拖拽， 直接拖拽即可添加图片， 功能更加强大， 而且图片也是base64编码；

使用的话这new Edit()， 参数为一个可编辑的元素， 比如有contenteditable属性的div或者iframe元素等:

很多网上的编辑器里 对图片的支持单一， 都会考虑IE6， IE7，  ff， chrome， 各种兼容问题；

这个解决方案适合基于chrome内核的浏览器, FF的兼容没有处理， 因为所有的图片数据都是基于base64， 图片就没有上传这一说法了，图片都变成了字符串， 不过这个有个劣势就是每一次提交的数据都会比较大；

DataURL与File,Blob,canvas对象之间的互相转换的Javascript

通过Canvas及File API缩放并上传图片