UMeditor

可以粘贴Word文档公式的编辑器

大城市里の小女人 提交于 2020-08-10 23:34:30
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。 加入下面的代码: //判断剪贴板的内容是否包含文本 //首先解释一下为什么要判断文本是不是为空 //在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 //为了兼容4种格式的情况,做了如下的判断 //如下代码:e.originalEvent.clipboardData.items获得剪贴板的内容 //当粘贴了文本之后text是不为空的,同时也会返回当前文本的图片类型 //如果有文字的话不做任何的处理,如果只粘贴图片的话文本一定是空的,包括复制的桌面图片或者截图的图片 var text = e.originalEvent.clipboardData.getData("text"); if(text == ""){ var items=e.originalEvent.clipboardData.items; for (var i = 0,

Editor富文本编辑器配置【不含图片上传】

三世轮回 提交于 2020-03-01 22:57:40
一,下载地址: http://ueditor.baidu.com/website/download.html   1) 根据需要下载相应版本     例 Java:选择jsp+utf-8; 二,放置在项目中   1)解压下载文件,并重命名为editor;   2)复制文件放置在项目webapp目录下;   3)把editor目录下的js文件(3个)剪切放在你的js文件目录下;   4)复制editor内全部文件到js目录一份(不复制可以使用,但页面会报404错误,估计是在初始化时需要访问其他文件) 三,配置静态资源映射   1)在Springmvc.xml配置文件中配置相应属性(前提是已经在web.xml中配置了相应配置);     web.xml配置:             <servlet>           <servlet-name>portal</servlet-name>           <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>           <!-- contextConfigLocation不是必须的, 如果不配置contextConfigLocation,           springmvc的配置文件默认在:WEB-INF

13

泪湿孤枕 提交于 2020-02-13 20:43:05
今天继续复习了上学期的内容,更加熟练的掌握了增删改查和登陆界面 以下是完善后的代码 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head> 6 <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" /> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 8 <link rel="stylesheet" type="text/css" href="css/style.css" /> 9 <link rel="stylesheet" type="text/css" href="css/WdatePicker.css" /> 10 <link rel="stylesheet" type=

umeditor+粘贴word图片

放肆的年华 提交于 2019-12-06 02:38:38
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用,但是项目要求需要支持所有的浏览器,包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品:WordPaster。 浏览器方面能够支持ie6,ie7,ie8,ie9,ie10,chrome,firefox,edge几乎所有的浏览器。 编辑器基本上也是全部都支持,并且支持vue,整合也比较简单。 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。 加入下面的代码: // 判断剪贴板的内容是否包含文本 // 首先解释一下为什么要判断文本是不是为空 // 在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 // 为了兼容4种格式的情况,做了如下的判断 // 如下代码:e.originalEvent.clipboardData.items获得剪贴板的内容 // 当粘贴了文本之后text是不为空的,同时也会返回当前文本的图片类型 // 如果有文字的话不做任何的处理

帝国CMS编辑器粘贴Word图片

谁都会走 提交于 2019-12-04 07:12:23
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用,但是项目要求需要支持所有的浏览器,包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品:WordPaster。 浏览器方面能够支持ie6,ie7,ie8,ie9,ie10,chrome,firefox,edge几乎所有的浏览器。 编辑器基本上也是全部都支持,并且支持vue,整合也比较简单。 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。 加入下面的代码: //判断剪贴板的内容是否包含文本 //首先解释一下为什么要判断文本是不是为空 //在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 //为了兼容4种格式的情况,做了如下的判断 //如下代码:e.originalEvent.clipboardData.items获得剪贴板的内容 //当粘贴了文本之后text是不为空的,同时也会返回当前文本的图片类型 //如果有文字的话不做任何的处理

解决umeditor上传图片失败

爷,独闯天下 提交于 2019-12-04 06:57:04
浏览器:火狐 服务器已经保存了文件,反馈给客户端的时候,却一直提示失败。 这是umeditor的一个BUG 上传文件用iframe来模拟ajax上传,但是返回的内容获取到了,有<pre>标记 在image.js中,umeditor是这样解析JSON的(186行): uploadComplete: function(r){ var me = this; try{ var json = eval('('+r+')'); Base.callback(me.editor, me.dialog, json.url, json.state); }catch (e){ var lang = me.editor.getLang('image'); Base.callback(me.editor, me.dialog, '', (lang && lang.uploadError) || 'Error!'); } }, 因为有<pre>标签的存在,会造成解析失败 加一句即可: r=r.replace("<pre>", "").replace("</pre>", ""); 改好后是这样的: uploadComplete: function(r){ var me = this; try{ r=r.replace("<pre>", "").replace("</pre>", ""); var json =

ueditor 复制word里面带图文的文章,图片可以直接显示

心不动则不痛 提交于 2019-12-04 06:21:08
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用,但是项目要求需要支持所有的浏览器,包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品:WordPaster。 浏览器方面能够支持ie6,ie7,ie8,ie9,ie10,chrome,firefox,edge几乎所有的浏览器。 编辑器基本上也是全部都支持,并且支持vue,整合也比较简单。 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。 加入下面的代码: //判断剪贴板的内容是否包含文本 //首先解释一下为什么要判断文本是不是为空 //在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 //为了兼容4种格式的情况,做了如下的判断 //如下代码:e.originalEvent.clipboardData.items获得剪贴板的内容 //当粘贴了文本之后text是不为空的,同时也会返回当前文本的图片类型 //如果有文字的话不做任何的处理

ueditor 复制word里面带图文的文章,图片可以直接显示

六眼飞鱼酱① 提交于 2019-12-01 15:30:01
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用,但是项目要求需要支持所有的浏览器,包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品:WordPaster。 浏览器方面能够支持ie6,ie7,ie8,ie9,ie10,chrome,firefox,edge几乎所有的浏览器。 编辑器基本上也是全部都支持,并且支持vue,整合也比较简单。 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。 加入下面的代码: // 判断剪贴板的内容是否包含文本 // 首先解释一下为什么要判断文本是不是为空 // 在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 // 为了兼容4种格式的情况,做了如下的判断 // 如下代码:e.originalEvent.clipboardData.items获得剪贴板的内容 // 当粘贴了文本之后text是不为空的,同时也会返回当前文本的图片类型 // 如果有文字的话不做任何的处理

帝国CMS编辑器粘贴Word图片

[亡魂溺海] 提交于 2019-12-01 08:19:09
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用,但是项目要求需要支持所有的浏览器,包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品:WordPaster。 浏览器方面能够支持ie6,ie7,ie8,ie9,ie10,chrome,firefox,edge几乎所有的浏览器。 编辑器基本上也是全部都支持,并且支持vue,整合也比较简单。 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。 加入下面的代码: // 判断剪贴板的内容是否包含文本 // 首先解释一下为什么要判断文本是不是为空 // 在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 // 为了兼容4种格式的情况,做了如下的判断 // 如下代码:e.originalEvent.clipboardData.items获得剪贴板的内容 // 当粘贴了文本之后text是不为空的,同时也会返回当前文本的图片类型 // 如果有文字的话不做任何的处理

UMeditor强大的富文本编辑器,UEditor的Mini版本

|▌冷眼眸甩不掉的悲伤 提交于 2019-11-29 08:11:19
UMeditor UMeditor富文本编辑器 UMeditor,简称UM,是 ueditor 的简版。是为满足广大门户网站对于简单发帖框和回复框的需求,专门定制的在线富文本编辑器。我们的目标不仅是要提高在线编辑的编辑体验,也希望能改变前端技术中关于富文本技术的门槛,让大家不再觉得这块是个大坑。 主要特点 轻量 : 主文件的代码量为139k。 加载速度更快 : 放弃了使用传统的iframe模式,采用了div的加载方式,以达到更快的加载速度和零加载失败率。 可定制 : 配置项完善,可定制程度高。 可扩展 : 代码层次拆分清晰,功能以插件形式挂接,可灵活定制需要的功能。 多后台支持 : 支持php、asp、jsp、.net四种后台部署代码 功能丰富 : 支持插入公式、粘贴QQ截屏、拖放上传图片、插入地图、草稿箱功能 入门部署和体验 第一步:下载编辑器 到官网下载 umeditor 最新版源码版本,下载之后打开 _examples/index.html 就可以看到演示例子。 [下载页面] 第二步:部署编辑器到页面 解压下载的包,放到你的项目中。 在你的页面要插入编辑器的位置,插入代码: <!-- 加载编辑器的容器 --> <script id="container" name="content" type="text/plain" style="width:600px;height