关于TINYMCE粘贴图片自动上传

最新推荐文章于 2024-04-25 17:52:09 发布
最新推荐文章于 2024-04-25 17:52:09 发布
阅读量219 收藏
点赞数 2
文章标签： 编辑器粘贴word 编辑器粘贴公式 ueditor粘贴word 百度ue粘贴word web编辑器粘贴word 粘贴word图片 粘贴word图文
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52041354/article/details/137282207
版权

关于tinymce粘贴图片，粘贴word，一键导入word，粘贴word内容，网上能找到的方案不是特别多，都是通过HTML5提供的API来实现的。

粘贴word内容，粘贴word图片，粘贴word图文，用户发布新闻的时候是从word里面复制图片和文字，然后将word图文内容粘贴到web富文本编辑器中，希望能够将word的图片自动上传到服务器中，服务器地址能够自定义，后端的话需要支持任意开发语言，比如ASP,ASP.NET,JSP,PHP,PYTHON等。只要是基于标准HTTP协议的都要支持。如果能够不装控件最好，

下载示例：

https://gitee.com/xproer/wordpaster-php-tinymce5x

将插件目录复制到项目中

引入插件JS

初始化插件

添加快捷键（Ctrl + V）

添加插件

添加到工具栏

效果

若是要求不装插件请使用zyOffice

http://www.ncmem.com/doc/view.aspx?id=8be16bc1ba8b4af9b38f33ba26d641f3

weixin_52041354
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue使用tinymce 图文粘贴 图片大小 自动上传到本地服务
fosakenEE的博客
12-04 1949
tinymce基本的图片上传和文本已经很多人写过了，这里放一个中文文档 TinyMCE中文文档中文手册http://tinymce.ax-z.cn/ 项目中遇到需求能够让粘贴进来的图片上传到我们自己的服务器上，而不是单纯的引用一个连接，还有一个问题是同时粘贴进来的图文生成的图片标签是没有宽度和高度的，以下是解决方案。 单纯需要单图片复制自动上传的话只需要加一个配置 配置在tynemce.init({})里 paste_data_images: true...
TinyMCE 实现ctrl+v粘贴图片并上传、word粘贴带图片
Mr_Zang666的博客
04-24 763
"Servers" :[{"url":"www.ncmem.com"},{"url":"www.xproerui.com"}]//内部服务器地址(不下载此地址中的图片)JPG/PNG/GIF/BMP，推荐使用JPG格式，防止出现大图片。, "PasteImageType" : "" //粘贴文件，剪帖板的图片格式，为空表示本地图片格式。, "PasteImgSrc" : "" //shape:优先使用源公式图片，img:使用word自动生成的图片。
TinyMCE实现WORD粘贴图片自动上传
Mr_Zang666的博客
09-29 602
Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？ Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不
TINYMCE 图片粘贴上传，实现图文粘贴，图片自动上传
alisky119的博客
03-29 257
网上找了一下，tinymce官网也提供了一些方案，怎么说呢，用是能用，但是不够好用，用起来容易掉图。然后需要依赖HTML5，在IE上面不能使用，公式图片不能支持。若是要求不装插件请使用zyOffice。添加快捷键（Ctrl + V）将插件目录复制到项目中。
tinymce富文本简单配置及word内容粘贴图片上传
zhangxinrongr的博客
03-19 872
至于这里为什么用5，不用6，因为6在火狐76版本中兼容性存在一定问题，富文本初始化有问题，所以这里采用5。注：tinymce 6 与tinymce 5 在配置属性名发生过改变，详细参考官网。将下载好的语言包，放置在vue的public文件夹中，然后在代码中引入进来。附上官网地址：https://www.tiny.cloud/docs/2、当下载好插件后，需要到node_modules中找到tinymce。3、需要汉化的还需下载一个语言包，将插件翻译成中文，下载地址如下。图片上传并替换Url。
tinymce实现粘贴图片自动上传（自动上传粘贴的Base64）
imyc7的专栏
11-20 6785
tinymce实现粘贴图片自动上传 默认粘贴图片后（如屏幕截图，然后ctlr+v），会转换成base64编码，导致文章内容很大。通过添加如下回调，粘贴后自动上传. 注意：本配置在tinymce5.2.0图片已经上传服务器，但是不会及时回显，需要在编辑器中再输入一个字符，src的url才会变动。在tinymce5.6.0下会实时变动。 tinymce.init({ selector: 'div#editable', // 解决粘贴图片后，不自动上传，而是使用base64编码。 urlconvert
TinyMCE + 插件powerpaste实现word直接粘贴富文本,同时上传图片.zip
07-05
对于图片处理，PowerPaste还可能支持自动上传粘贴的图片到服务器，并生成合适的HTML代码插入到编辑器中。这样，用户无需手动保存图片，再通过上传工具上传，极大地简化了工作流程。 总的来说，TinyMCE结合...
富文本编辑器tinymce支持从word复制粘贴保留格式和图片的插件powerpaste源码
01-29
tinymce是很强大的富文本编辑器，可以去官网下载，这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用，此插件目前官网收费每月12美刀，我们就不花这钱了。以vue为例说明：将tinymce下载...
支持word、excel带格式粘贴tinymce powerpaste插件-4.0.1-3X兼容tinymce5.2.0版
12-04
解压后放到plugins目录即可使用，兼容tinymce5.2.0版，亲测可用 富文本编辑器tinmcy 插件，tinymce富文本编辑器集成demo，添加powerpaste插件，支持word、...demo.html，tinymce实现从word直接粘贴并自动上传图片。
tinymce.rar
12-18
Tinymce支持集成图片上传插件，用户可以直接在编辑器内上传本地图片，也可以从URL导入。 4.2 图片尺寸调整与样式设置 上传的图片可以进行裁剪、缩放，设置对齐方式，添加边框等，以适应不同的布局需求。 五、文档...
tinymce_powerpaste.zip
08-06
tinymce实现从word直接粘贴并自动上传图片 powerpaste plugin source code npm安装无效，不能用powerpaste，用这个插件，先从官网下载tinymce！！下载地址：https://www.tiny.cloud/get-tiny/self-hosted/ 语言包...
tinymce集成Word导入(富文本编辑器)
weixin_52041354的博客
10-21 600
但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题。发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了。这个时候我们在编辑器中使用jsonp获取到处理完的图片数据替换原来的file:///xxxxxx.jpg路径就搞定了。所有图片都能够保存在服务器中，而且支持分布式图片存储。
富文本编辑器tinymce支持从word复制粘贴保留格式和图片的插件wordpaster
weixin_45525177的博客
10-14 2107
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。 http://blog.ncmem.com/wordpress/2019/10/12/%e5%af%8c%e6%96%87%e6%9c%ac%e7%bc%96%e8%be%91%e5%99%a8ti...
VUE项目中使用TINYMCE，解决图片上传/粘贴
最新发布
weixin_52041354的博客
04-25 639
用户发布新闻的时候是从word里面复制图片和文字，基本上内容都是提前在word中编辑好的，然后将word图文内容粘贴到web富文本编辑器中，希望能够将word的图片自动上传到服务器中，保留word中编辑好的内容的样式，比如间距，字体，字号，颜色，表格，边框等。产品不是我们公司自己开发的，如果遇到问题的话公司这边要花很多成本来解决，客户如果在使用过程中遇到问题的话也不好解决，如果客户提出了定制开发和自定义的业务需求怎么办，不能够提供技术支持，也没有维护服务，用的不放心。如果能够不装控件最好，
在tinymce富文本中插入本地视频解决方案
热门推荐
a_wtf_pgm的博客
12-17 1万+
前言 最近在改一个别人的项目时候，遇到一个需求，要在tinymce富文本中添加本地视频。tinymce富文本本身是不具备添加本地视频的功能的。需要使用一些其他手段来添加本地视频。 小demo截图 方法 1.在富文本的外面写一个添加视频的按钮  点击以后弹出一个小操作框 2.上传本地视频分几个步骤，首先是点击选择视频文本，选择本地的视频 3.选择好以后，点击上传视频把选...
tinymce富文本编辑器的视频插件如何上传本地视频
u010007013的博客
10-26 9335
tinymce文本编辑器的视频插件如何上传本地视频
VUE使用富文本编辑器 Tinymce（踩坑记录）
qq_38265533的博客
05-09 2668
下面这一层工具栏是没法自动折叠的，需要再次点击省略号才可以折叠，在使用过程中体验不太好。因为是vue2所以选用v5版本选用v3的组件，其实说到底不同版本的Vue只不过一些细微的差异和版本不同，其大体都是差不多的。对比了其他富文本编辑器，tinymce是唯一一个从word复制过来的时候基本保持原有样式的富文本，这一点体验感非常好。tinymce文件夹，然后把node_modules下的tinymce下的skins文件夹复制粘贴到。2.将解压得到的文件夹，放到TinyMCE主目录下的plugins文件夹内。
普歌:vue中使用elementUI+TinyMCE富文本编辑器实现一些常用编辑器功能、自定义图片上传、视频、生成文件链接
熟悉JS拼写的FE
09-20 1263
普歌-码上鸿鹄团队:vue+elementUI+axios+TinyMCE富文本编辑器实现一些常用编辑器功能、自定义图片上传、视频、生成文件链接 前言:在进行描述性项目时，项目后台是避免不了使用富文本编辑器，市面上的富文本很多，大概有这些 wangEditor——基于javascript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费 TinyMCE——TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。 百度UEditor——UEditor是由百度web前端研发部开发所见即
tinymce粘贴上传图片
01-05
在使用tinymce编辑器时，可以通过安装paste插件来实现粘贴上传图片的功能。首先，确保已经安装了tinymce编辑器和paste插件。然后，按照以下步骤进行操作： 1. 将paste插件添加到tinymce的配置中。在配置文件中添加...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值