松鼠的博客

导航

2023年4月17日 #

文本编辑器 实现ctrl+v粘贴图片并上传、word粘贴带图片

摘要: ​ 当前功能基于PHP,其它语言流程大抵相同。 大概流程: 1. 将docx文件上传到服务器中 2. 使用PHPoffice/PHPword实现将word转换为HTML 3. 将HTML代码返回并赋值到编辑器中 1 编辑器配置修改 1.1 新增上传word json配置 在ueditor\php\c 阅读全文

posted @ 2023-04-17 18:13 Xproer-松鼠 阅读(81) 评论(0) 推荐(0)

富文本编辑器 实现ctrl+v粘贴图片并上传、word粘贴带图片

摘要: ​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文

posted @ 2023-04-17 17:10 Xproer-松鼠 阅读(22) 评论(0) 推荐(0)

网页编辑器 实现ctrl+v粘贴图片并上传、word粘贴带图片

摘要: ​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文

posted @ 2023-04-17 15:55 Xproer-松鼠 阅读(163) 评论(0) 推荐(0)

HTML编辑器 实现ctrl+v粘贴图片并上传、word粘贴带图片

摘要: ​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文

posted @ 2023-04-17 15:06 Xproer-松鼠 阅读(216) 评论(0) 推荐(0)

CKEditor粘贴图片自动上传到服务器(Java版)

摘要: ​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文

posted @ 2023-04-17 14:03 Xproer-松鼠 阅读(18) 评论(0) 推荐(0)

CKEditor粘贴图片自动上传到服务器(PHP版)

摘要: 在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法。 其原理为一下步骤: 监听粘贴事件;【用于插入图片】 获取光标位置;【记录图片插入 阅读全文

posted @ 2023-04-17 11:58 Xproer-松鼠 阅读(35) 评论(0) 推荐(0)

CKEditor粘贴图片自动上传到服务器(JS版)

摘要: 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d 阅读全文

posted @ 2023-04-17 10:38 Xproer-松鼠 阅读(34) 评论(0) 推荐(0)

CKEditor粘贴图片自动上传到服务器(ASP.NET版)

摘要: ​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受, 阅读全文

posted @ 2023-04-17 10:24 Xproer-松鼠 阅读(23) 评论(0) 推荐(0)