首页 > 其他分享 >百度UEDITOR编辑器复制粘贴图片上传

百度UEDITOR编辑器复制粘贴图片上传

时间:2024-11-19 10:17:27浏览次数:3  
标签:UEDITOR WORD 控件 复制粘贴 编辑器 源代码 免费 图片

编辑器:百度ueditor
前端:vue2,vue3,vue-cli,html5
需求:复制粘贴word内容图片,word图片转存交互,导入pdf,导入PowerPoint(PPT)
要求:开源,免费,技术支持
用户体验:Ctrl+V快捷键操作
该说不说,最近这块应该也是挻火的,今天早上又有网友加我微信私聊,说是想了解一下这块的技术和方案。实际我的微信号之前就已经在网上公开了,但是很多网友还是说找不到,这个可真有点难度了。
昨天晚上论坛里面有一个网友给我发私信,也是遇到了word内容复制粘贴的问题,想了解一下这块的技术,看看有没有好的解决方法,或者代码,或者插件,主要是想交流一下技术问题。这位老哥说他也是第一次接触这个,也是刚开始学习,很多基础知识都不太熟悉,首先花了半个小时左右的时间给他讲解了一下基础知识,比如如何上传一张图片,如何保存图片。花了1个小时左右的时间先帮他搭了一个JAVA的开发环境,主要是在百度上面搜到的很多软件安装包都集成了广告,而且也不是官方的安装包,都是被修改过的。有的还有病毒。下IDE,找JDK花了一些时间,然后又给他讲解图片上传的基础知识,再帮他写了一个测试代码,最后帮他调试成功。这位网友选的是百度的ueditor富文本编辑器。
web富文本编辑器这块他也不是很熟,之前也没怎么用过,然后又在网上找资料,帮他解决各种配置的问题。有些配置很少用到,网上资料也比较少,我远程帮他分析这块确实花了不少时间。我看很晚了,所以也没有交流太长时间,准备今天早上再沟通的。这位网友也是最近接的一个小单子,给一个客户做网站,客户发文希望能够有更简单的方法。
咱们有一说一,实际上这的确是一个令人头疼的问题。一方面要考虑易用性的问题,一方面还要考虑兼容性的问题,还需要考虑用户体验的问题,其中用户体验和易用性的问题最关键也是最重要的。
很多网友发私信说希望提供产品源代码,他们自己有这个需求,一方面是想了解和学习这方面的技术,另一方面就是打算自己来卖这个产品,然后赚点钱。这个当然也能够理解,钱么谁不喜欢捏。
实际上我们公司也是有这个需求,也不仅是我们公司吧,说的更直接点,整个行业都是有这个需求的,别的不说就单说用户体验这块确实是非常的方便,用户用起来非常方便,工作效率也是非常的高。
关于升级,这里也多说一句,实际上产品源代码我们是经常更新的,目标就是为所有用户提供顶级的产品和服务,帮助用户提升用户体验。所有用户都能够从我们的核心产品源码库中下载最新的源代码。
实际不仅仅是面对企业,实际上我们也是面向学生开源的,就目前来讲,我们的网友群体当中,学生是占据很大一部分比例的,学生与其它的网友相比时间上更充足一些,有激情,有动力,能够在使用过程中提供很多有用的建议。
之前网上搜到的方案很少,现在由于HTML5的流行,chrome提供了相关的API,所以在网上也是能够搜到很多方案的,不过99%的方案实际上说的都是同一个方案,也就是借助于HTML5来实现,也就是借助于chrome的API来实现,这个方案的话也是能够满足一般的需求,但是兼容性方面有点问题,不能兼容IE浏览器,我们技术部在对这个方案进行测试的时候发现在有的用户电脑行,有的用户电脑不行,也没找到原因。基本上网上搜到的基本上大多数都是采用的这个方案。不过我们在用户那里发现他们用的不是这个方案,他们的方案居然能够兼容IE,这个真的有点神奇,后来跟客户那边沟通后发现他们用的是插件方案,实际上很早之前我们开发部门的技术人员也评估过这个方案,但是网上很多说这个方案的兼容性不太好,只能在IE下面用,不能在firefox和chrome下面用,但是我们在客户那边发现没有这个问题,客户那边在IE,Firefox,Chrome下都能正常使用,而且效果不错,比HTML5的方案效果更好,居然还能够在国产化的环境下使用,这个真是让我们吃惊了。什么时候插件的方案都这么强了。
这个也是用户提的一个新的需求,主要是为了发文方便,用户每天都会发很多文章,主要是在word里面编辑好的。
之前在网上也找过相关的资料,论坛里面也有网友交流过,也加过不少QQ群和微信群,但是结果都不太令人满意。
网上找的资料,里面提到的方案基本上没有一个能用的,很多的链接都打不开,也没有提供完整的产品和方案,想测也测不了。
有的说用HTML5,但是连个代码也没有,就一句话,你说这怎么来测试,
说几点,首先就是没有提供完整的产品,或者测试示例,或者提供的示例缺依赖,缺包,缺代码,测试的时候问题一大堆,不是这错就是那错的,真的挻浪费时间的,也可以看得出来,文章里面的方案基本上都是不行的,
网上确实也有很多文章提到了一些方案,但是项目组的同事试过,基本上一个能用的都没有。这些方案很多都不能使用,作者自己也没有做过测试,在集成使用时总是遇到很多问题。也没有技术支持。这点真的很让人头疼,
几乎所有的文章提到的都是用HTML5的API来获取数据,这个方案怎么说呢,有时候用是能用,但是不太好用,兼容性不太好。
咱们有一说一,无论是对企业还是对个人,甚至是对学生都是非常友好的,可能也是目前唯的免费开源的产品,或者说是解决方案。反正目前为止我没有在网上找到完整的成熟的解决方案,并且是开源的。
对企业来说,企业能够进行集成,二次开发,并且前端,后端,控件源码都是完全开放的,全部都够免费下载,最难得可贵的是居然提供免费的在线技术支持服务,这个真的是在中国互联网中是少见的,特别是近10年来几乎没有。特别是在当下的经济环境下,能够帮助企业大幅节省成本。开发成本帮助企业节省了,
如何将WORD图片粘贴到百度富文本编辑器里面,UEDITOR批量上传WORD图片,富文本编辑器实现导入PDF,WORD如何选择图片粘贴,百度UEDITOR编辑器 复制WORD里面带图文的文章,
ueditor是百度的前端开发人员开发的一个富文本编辑器,功能做的还行。基本上基本的功能都提供了。
网上搜了一下在HTML5里面用的是BASE64这个方案,能够满足一般的需求,普通点的需求也行,但是稍微正规的需求就不行了,比如包含公式,或者包含复杂一点的图形,比如形状,或者形状组,或者形状里面包含文字,或者形状里面包含图片的,这种情况下就不行了。
图片可以直接显示,UEDITOR可以如何直接复制WORD的图文内容到编辑器中?在百度UEDITOR上粘贴从WORD中COPY的图片和文字 图片无法显示的问题,
说几点吧,首先的一点就是需要完全开源,也就是前端后端和控件必须完全开源,也就是我们公司自己能够编译源代码,而且也不能限制使用和发布,因为我们公司也有自己的CMS产品,领导也是希望集成在我们自己的产品中使用,这样的话我们的客户就都能够使用了。
另外一点就是
UEDITOR实现CTRL+V粘贴WORD图片并上传,百度UEDITOR 实现CTRL+V粘贴图片并上传、WORD粘贴带图片,
百度富文本编辑器支持从WORD复制粘贴保留格式和图片的插件,百度WEB编辑器粘贴图片自动上传到服务器(JAVA版),
UEDITOR WORD图片上传,UEDITOR – 支持WORD上传的富文本编辑器,UEDITOR的WORD图片转存-UEDITOR篇,百度UEDITOR实现WORD图片自动转存,富文本编辑器UEDITOR支持从WORD复制粘贴保留格式和图片的插件,富文本编辑器粘贴WORD内容,
在百度UEDITOR上粘贴从WORD中COPY的图片和文字 图片无法显示的问题,从WORD中复制图片到百度UEDITOR编辑器中,百度编辑器 复制WORD里面带图文的文章,图片可以直接显示,百度编辑器UEDITOR上传WORD文档,

视频教程

观看视频:https://www.ixigua.com/7233953214108795407

下载示例

http://www.ncmem.com/webapp/wordpaster/versions.aspx
image

复制WordPaster插件目录

image

引入插件文件

image

注意:不要重复引入jquery,如果您的项目已经引入了jq,则不用再引入jq-1.4
image

在工具栏中增加插件按钮

image

初始化控件

image

        var pos = window.location.href.lastIndexOf("/");
        var api = [
            window.location.href.substr(0, pos + 1),
            "asp/upload.asp"
        ].join("");
        WordPaster.getInstance({
			//上传接口:http://www.ncmem.com/doc/view.aspx?id=d88b60a2b0204af1ba62fa66288203ed
            PostUrl: api,
			//为图片地址增加域名:http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936
            ImageUrl: "",
            //设置文件字段名称:http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45
            FileFieldName: "file",
            //提取图片地址:http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
            ImageMatch: ''			
        });//加载控件

注意

如果接口字段名称不是file,请配置FileFieldName。ueditor接口中使用的upfile字段
image
参考:http://www.ncmem.com/doc/view.aspx?id=c3ad06c2ae31454cb418ceb2b8da7c45

配置ImageMatch

匹配图片地址,如果服务器返回的是JSON则需要通过正则匹配
image
参考:http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1

配置ImageUrl

为图片地址增加域名,如果服务器返回的图片地址是相对路径,可通过此属性添加自定义域名。
image
参考:http://www.ncmem.com/doc/view.aspx?id=704cd302ebd346b486adf39cf4553936

配置SESSION

如果接口有权限验证(登陆验证,SESSION验证),请配置COOKIE。或取消权限验证。
参考:http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3

效果

编辑器

image

粘贴Word

粘贴Word和图片

Word转图片

导入Word转图片

导入PDF

导入PDF转图片

导入PPT

导入PPT转图片

上传网络图片

自动上传网络图片

免费资源

免费下载源代码
免费下载授权器

下载记录

源代码下载记录

可以看得出来,还是有很多用户对源代码很感兴趣的,基本上每天都有用户在下载学习,这里给大家说一句,这个下载是完全免费的,不向大家收费任何费用,没有任何套路,都是可以直接下载的,而且我们还为大家提供免费的技术支持,这个你在国内互联网上面是找不出来第二家的,朋友们自己看,到底有多火,几乎每天都有网友在下载,今天周一,下载就这么为爆
产品源代码

授权器下载记录

为您免费提供近期的产品授权器下载记录,也是基本上经常有用户下载,下载量也比较大
产品授权器

多语言

国内唯一支持多种开发语言(.NET,.NET Core,JAVA,PHP,ASP),同时支持任何基于标准HTTP-FORM协议的接口。

编辑器

国内唯一支持多种编辑器(TinyMCE,CKEditor,UEditor,wangEditor),为个人用户免费提供主流编辑器,CMS等示例。

FCKEditor

fckeditor2

CKEditor

ckeditor 3
ckeditor 4

eWebEditor

eWebEditor 9

KindEditor

KindEditor 3
Summernote

TinyMCE

tinymce 3
tinymce 4
tinymce 5

UEditor

ueditor
umeditor
neditor

wangEditor

wangEditor 3

xhEditor

xhEditor

CMS和Web应用

支持多种主流CMS和Web应用,帝国CMS,DEDECMS,FoosunCMS
同时也是国内唯一支持第三方应用集成(WordPress,PHPCMS,DedeCMS,动易SiteFactory)

动易SiteFactory

动易SiteFactory
动易SiteFactory

PHPCMS

PHPCMS

PbootCMS

PbootCMS

WordPress

wordpress

KesionCMS

KesionCMS

YouDianCMS

YouDianCMS

DokuWiki

DokuWiki

Z-Blog

zBlog

控件包

下载各平台控件包
下载控件包:http://www.ncmem.com/webapp/wordpaster/pack.aspx
控件包

产品功能

支持Word,Excel,PowerPoint,PDF,微信公众号及网络图片一键导入
支持Word,Excel,PowerPoint文档内容一键粘贴。支持PDF文档一键导入,支持微信公众号和网络图片一键导入。
ueditor
PowerPoint

开放源码

为个人用户免费提供全平台产品源代码(Windows,macOS,Linux,信创国产化)。功能随便改,逻辑随便改,随时随地,想编就编,我的编译我作主。完全开源,想怎么玩就怎么玩。
满足个人用户,兴趣,学习,研究,交流,探索等个性化的需求。
免费下载产品源代码

开放源代码

从泽优核心代码库中拉取,这个代码库是完全对外开放的,所有用户均可访问
git克隆

拉取成功

拉取成功

Windows工程源码

ActiveX(x86)

activex-x86-code
activex-x86-code-build

macOS工程源码

面向用户完全开放产品源代码,可自主编译,自主发行,满足企业100%自主安全可控需求
免费提供macOS平台编译,打包,部署和远程一对一专业技术指导,完全解决企业后期自主维护痛点
macOS-code

macOS编译成功

macOS-code-build

macOS打包成功

macOS-build

macOS控件包

macOS-pack

Linux工程源码

免费提供linux平台产品源代码,免费提供编译,开发,部署等指导服务。

编译boost

boost

编译ImageMagick

ImagMagick

编译appcore

appcore是基础库
appcore

CentOS工程源码

免费提供CentOS平台产品源代码,免费提供编译,开发,部署等指导服务。

搭建开发环境

centos-ent

从GitHub中克隆项目

centos-code

CentOS控件编译成功

centos-code-build

arm工程源码

面向用户完全开放ARM工程源码,可自主编译,自主发布,自主部署,满足企业100%自主安全可控需求。

工程

工程截图

编译成功

编译成功

打包成功

打包成功

控件包

控件包

龙芯-loongarch-工程源码

面向用户完全开放龙芯LoongArch工程源码,满足企业100%自主安全可控需求。
loongarch-code

打包成功

loongarch-build

龙芯-loongarch-控件包

loongarch-pack

龙芯-mips-工程源码

面向用户完全开放龙芯MIPS工程源码,满足企业100%自主安全可控需求。
编译成功

打包成功

打包成功

控件包

控件包

授权码生成器

为个人提供免费的授权码生成器软件,能够自由的为任何网站生成授权码,想怎么生成就怎么生成,想生成几个就生成几个,无忧无虑,无拘无束,我的产品我作主。
免费下载授权码生成器
授权生成器
填写授权地址,点击按钮:生成授权码,自动生成授权码,非常的方便,而且没有任何限制,可以快速的给多个客户使用。
授权生成器界面

免费技术支持

为个人提供免费专业技术支持服务,7*24小时随叫随到,免费产品更新服务,免费产品升级服务,免费技术交流服务,免费视频教程
QQ群
示例下载

标签:UEDITOR,WORD,控件,复制粘贴,编辑器,源代码,免费,图片
From: https://blog.csdn.net/weixin_52041354/article/details/143874129

相关文章

  • 「Java EE开发指南」如何使用Visual JSF编辑器设计JSP?(一)
    VisualJSFDesigner的目标是使创建JSF应用程序的特定于组件的工作更容易可视化,在本教程中,您将使用可视化设计器设计JSF登录页面,将学习如何:创建一个JSF项目创建一个新的JSF页面设计JSF页面该功能在MyEclipse中可用。MyEclipsev2024.1离线版下载MyEclipse技术交流群:74233......
  • 编辑器vim 命令的学习
    1.编辑器Vim1.vim是一个专注的编辑器2.是一个支持多模式的编辑器1.1见一见:vim的本质也是一条命令退出来:->Shift+:q先创建一个文件再打开这个文件进入后先按I然后就可以输入了输入完后,保存退出按Esc-->来到最后一行-->再Shift+:wq-->再回车-->退出......
  • 网站首页修改标题描述,如何在网站后台或代码编辑器中修改首页标题和描述
    修改首页标题和描述可以提升搜索引擎优化(SEO)。以下是修改首页标题和描述的步骤:登录网站后台:打开浏览器,输入网站的后台地址,例如 http://yourdomain.com/admin。输入管理员账号和密码,点击“登录”。进入SEO设置:登录后,点击顶部菜单栏中的“SEO”或“设置”。选择“SEO......
  • 11-RCE、编辑器漏洞、旁注、hydra练习
    1、RCE:分别实现ThinkPHP、Weblogic、Shiro漏洞的利用过程ThinkPHP满足条件:多语言特性开启、安装pear库、知道pearcmd.php路径、register_argc_argv=on的前提下且ThinkPHP在漏洞版本中,再实现漏洞过程。前端访问pearcmd文件,出现如下报错确定文件存在插入代码实现文件包......
  • 真的一行代码没写,使用cursor智能代码编辑器,通过问答的方式,我构建了一个微信小程序
    文章目录1待办123产品介绍1.1使用说明1.2产品亮点1.3应用场景2零基础实战教程:零代码开发微信小程序2.1微信公众号注册小程序2.2下载安装微信开发者工具2.3下载安装cursor2.4使用cursor零代码构建微信小程序3总结使用cursor已经有一段时间了,主要是辅助代......
  • Unity实现一个简单的在线翻译功能,编辑器扩展和运行时
    前言在Unity项目开发过程中,经常需要处理多语言文本。本文将介绍如何实现一个简单实用的在线翻译功能,通过调用Google翻译API,帮助开发者快速完成文本翻译工作。既可以在编辑器中使用,也可以在运行时调用,满足不同场景的翻译需求。一、效果演示(编辑器扩展)TranslateTest......
  • ubuntu下配置vim插件,实现轻量级代码编辑器
    背景因为需要用虚拟机做实验,然后虚拟机配置的内存很小,如果使用vscode编辑器,内存占用太高,所以放弃,远程使用vscode通过sftp链接也会有很多bug,所以也放弃,鉴于以上。只能考虑使用vimvim的优点轻量级不需要gui的支持,可以在server和desktop版本之间不限制是使用vim插件安装cu......
  • WEB 漏洞 - 文件上传之解析漏洞与编辑器安全
    目录WEB漏洞-文件上传之解析漏洞与编辑器安全一、漏洞概述二、原理分析三、实现步骤与代码示例一、漏洞概述在WEB应用中,文件上传功能是一个常见的模块,但它也存在着诸多安全隐患。文件上传的解析漏洞以及编辑器相关的安全问题就是其中重要的部分。解析漏洞是指......
  • Vi/Vim编辑器快捷键分类
    1、移动光标h,j,k, l左,下,上, 右Ctrl-F:下翻一页Ctrl-B:上翻一页Ctrl-U:上翻半页Ctrl-d:下翻半页0:跳至行首,不管有无缩进,就是跳到第0个字符^:跳至行首的第一个字符$:跳至行尾gg:跳至文首G:调至文尾5gg/5G调至第5行2、删除复制x:删除单个字符dd:删除光标所在行,......
  • Three.js 实现原生化组态化 低代码 封装适用与 企业项目使用的编辑器
    开发历程开源地址https://github.com/z2586300277/three-editor预览查看https://z2586300277.github.io/three-editor/dist/#/editorThree.js案例学习https://threehub.cn/保留three.js原生态,只是将three.js内部案例功能做了一个集成,并不对底层库改变,只撰写你......