JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了让编辑器支持word复制黏贴、截屏的js代码大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

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

   比如知乎上面的回复中可以直接黏贴图片, 就不需要手动点击图片上传按钮, 选择图片, 确认上传等等; 知乎参地址:http://www.zhihu.com/question/20893119">打开

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

   编辑器支持截屏的黏贴;

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

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

<div id="edit" contenteditable="true" style="width:400px;height:400px;border:1px solid #f00">

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持菜鸟教程。

大佬总结

以上是大佬教程为你收集整理的让编辑器支持word复制黏贴、截屏的js代码全部内容,希望文章能够帮你解决让编辑器支持word复制黏贴、截屏的js代码所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: