首页 > 编程语言 >在线编辑器粘贴图片自动上传到服务器(Java版)

在线编辑器粘贴图片自动上传到服务器(Java版)

时间:2022-08-24 13:56:50浏览次数:120  
标签:Java tinymce 编辑 编辑器 powerpaste 粘贴 图片

 

tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud

这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。

umeditor+粘贴word图片

以vue为例说明:

将tinymce下载后放到static目录下,不用npm安装。

powerpaste放到\static\tinymce\plugins目录下

编辑

编辑

在index.html中引入tinymce.min.js。

编辑

编辑

代码参数配置如图:

编辑

将plugins参数里的paste替换成powerpaste,完工。

最后效果,能够自动批量上传word中的所有图片

编辑

图片上传完后,编辑器里面的图片地址也全部都改成了服务器的图片地址了,

编辑 ​

标签:Java,tinymce,编辑,编辑器,powerpaste,粘贴,图片
From: https://www.cnblogs.com/zyzzz/p/16619630.html

相关文章

  • java数据类型转换问题
    我们知道java中的各个数据类型的取值范围不同,可以理解成容量大小,而针对容量大小可以对他们进行一个由低到高的排序,也就是优先级。优先级低-----------------------------......
  • 04.Javascript学习笔记3
    1.箭头函数箭头函数是一种更短的函数表达式。constage=birthyear=>2022-birthyear;console.log(age(2000))箭头左边的birthyear是参数,箭头右边是要执行的代码......
  • java生成sql文件
    java生成sql文件java生成sql文件场景场景用于清理数据库数据,生成sql语句脚本,方便DBA执行@RequestMapping("/cleanQuestion")@ResponseBodypub......
  • Web编辑器粘贴图片自动上传到服务器(Java版)
    ​图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,......
  • Java工具篇之Disruptor高性能队列
    简介: disruptor适用于多个线程之间的消息队列,`作用与ArrayBlockingQueue有相似之处`,但是disruptor从功能、性能都远好于ArrayBlockingQueue,当多个线程之间传递大量数据或......
  • java将html转成pdf
    需要的依赖:compile('org.xhtmlrenderer:flying-saucer-pdf:9.0.7')publicstaticvoidmain(String[]args)throwsFileNotFoundException{ try{ //图片是url或者b......
  • 【Java基础】面向对象的编程思想
    1.面向对象的编程思想做人的原则:不偷不抢不骗,这就是做人的思想编程的原则:....,这就是编程的思想2.面向过程和面向对象二者都是一种思想。(1)面向过程(POP)强调的是功能......
  • 力扣429(java)-构造矩形(简单)
    题目:作为一位web开发者,懂得怎样去规划一个页面的尺寸是很重要的。所以,现给定一个具体的矩形页面面积,你的任务是设计一个长度为L和宽度为W且满足以下要求的矩形的页......
  • java通过模板生成word文档
    工具库:https://github.com/Sayi/poi-tl中文文档:http://deepoove.com/poi-tl/pom依赖<dependency><groupId>com.deepoove</groupId><artifactId>poi-tl</artif......
  • 深入理解Java中的Thread.sleep
    Thread.sleep()方法能够已毫秒为时间单位暂停当前执行的线程,参数值为毫秒不能为负数,否则将抛出IllegalArgumentException异常。Java线程休眠要点:1.它总是暂停当前执行的......