UMEditor(UEditor缩减版)与Struts2集成实现富文本框粘贴图片

最新推荐文章于 2024-08-16 16:14:58 发布
最新推荐文章于 2024-08-16 16:14:58 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： Struts2 文章标签： UEditor UMEditor struts2.0 粘贴图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leiyong0326/article/details/50818349
版权

所谓图片粘贴功能实际上就是通过控件将粘贴的图片上传后读取到本地显示,UMEditor非常方便的帮我们实现了这一系列功能,现在说说如何使用UMEditor+Struts2整合实现编辑.
本示例通过官方模版进行修改,为了方便看得懂,部分变量采用的全局变量.不喜勿喷.


前端JSP代码(示例代码主方法:写入文件按钮):

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String contextPath = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<title>NO TITLE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link
	href="../../jslib/umeditor1_2_2/themes/default/css/umeditor.min.css"
	type="text/css" rel="stylesheet">
<style type="text/css">
.disabled {
	opacity: 0.5;
	cursor: default;
	*filter: alpha(opacity = 50);
}

.links a {
	color: #ff5400;
	margin-right: 5px;
}

.links a.green {
	color: green;
}
</style>
<!-- 导入jquery -->
<jsp:include page="../../inc.jsp"></jsp:include>
<!-- 导入umeditor -->
<script type="text/javascript" charset="utf-8"
	src="../../jslib/umeditor1_2_2/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8"
	src="../../jslib/umeditor1_2_2/umeditor.min.js"></script>
<script type="text/javascript"
	src="../../jslib/umeditor1_2_2/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
	var um;
	$(function() {
		var serverPath = '<%=contextPath%>/bd/';
		um = UM.getEditor('editor', {
			imageUrl : serverPath + "um-editor!upload.cz",//请求位置
			imagePath : serverPath,//文件保存url
			lang : /^zh/.test(navigator.language || navigator.browserLanguage
					|| navigator.userLanguage) ? 'zh-cn' : 'en',
			langPath : UMEDITOR_CONFIG.UMEDITOR_HOME_URL + "lang/",
			focus : true
		});
	})
	/**
	 * 解码
	 */
	function HtmlDecode(str) { 
		var t = document.createElement("div"); 
		t.innerHTML = str; 
		return t.innerText || t.textContent 
	}
	/**
	 * [writeContent 写入文件]
	 * @param  {Function} callback [成功后回调函数]
	 */
	function writeContent(callback) {
		var arr = [];
		var url = "<%=contextPath%>/bd/um-editor!write.cz";
		var data = {
			dataJson : UM.getEditor('editor').getContent()
		}
		function success(json){
			if(json.success){
				var no = json.obj;
				//保存成功后尝试读取文件并追加到编辑器中
				readContent(no, true);
			}else{
				$.messager.alert("提示",obj.msg)
			}
			callback(json);
		}
		callAjax(url,data,success);
	}
	/**
	 * [readContent 读取文件]
	 * @param  {String} fn         [文件名]
	 * @param  {Boolean}  isAppendTo [是否追加]
	 */
	function readContent(fn,isAppendTo) {
		var u  = "<%=contextPath%>/bd/um-editor!read.cz";
		var d = {no:fn};
		function suc(json){
			if(json.success){
				um.setContent(HtmlDecode(json.obj), true);
			}
		}
		callAjax(u,d,suc);
	}
	function setDisabled() {
		UM.getEditor('editor').setDisabled('fullscreen');
		disableBtn("enable");
	}

	function setEnabled() {
		UM.getEditor('editor').setEnabled();
		enableBtn();
	}
	function hasContent() {
		return um.hasContents();
	}
	function setFocus() {
		UM.getEditor('editor').focus();
	}
	
	window.onkeydown = function(e) {
		if (!um.isFocus()) {
			var keyCode = e.keyCode || e.which;
			if (keyCode == 8) {
				e.preventDefault();
			}
		}
	};
</script>
</head>
<body>
	<div id="content" class="w900 border-style1 bg">
		<div style="width: 800px; margin: 20px auto 40px;">
			<script type="text/plain" id="editor"
				style="width: 100%; height: 360px;"></script>
		</div>
		<div id="btnContainer" style="width: 800px; margin: 20px auto 40px;">
			<table>
				<tr>
					<td>
						<button οnclick="writeContent()">写入文件</button> 
					</td>
				</tr>
				<tr>
					<td>
						<button οnclick="UM.getEditor('editor').setHide()">隐藏编辑器</button> 
						<button οnclick="UM.getEditor('editor').setShow()">显示编辑器</button> 
					</td>
				</tr>

			</table>
		</div>
	</div>

	<div style="display: none">
		<script type="text/javascript">
			var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://"
					: " http://");
			document
					.write(unescape("%3Cscript src='"
							+ _bdhmProtocol
							+ "hm.baidu.com/h.js%3F3dee3eb2a97e7b6c323e44f08568ed8b' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript"
			src="http://img.baidu.com/hunter/ueditor.js"></script>
	</div>
</body>
</html>


后台Action代码:

package com.change.pub.action;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.ByteArrayInputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.text.SimpleDateFormat;
import java.util.Arrays;
import java.util.Date;
import java.util.Iterator;
import java.util.Random;

import org.apache.commons.fileupload.util.Streams;
import org.apache.commons.io.FileUtils;
import org.apache.commons.lang3.StringUtils;
import org.apache.struts2.convention.annotation.Action;
import org.apache.struts2.convention.annotation.Namespace;
import org.apache.struts2.dispatcher.multipart.MultiPartRequestWrapper;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;

import com.alibaba.fastjson.JSONObject;
import com.change.func.model.bd.BdImage;
import com.change.func.service.bd.BdImageServiceI;
import com.change.pub.model.easyui.Json;

/**
 * UMEditor富文本编辑器功能Action
 * 将编辑文本内容保存到文件中,再从文件中读取内容信息
 * @author Ray
 */
@Namespace("/bd")
@Action
public class UmEditorAction extends BaseAction<BdImage> {
	/**
	 * 
	 */
	private static final long serialVersionUID = -5598549183251094596L;

	/**
	 * Logger for this class
	 */
	private static final Logger logger = LoggerFactory.getLogger(UmEditorAction.class);

	// 输出文件地址
	private String url = "";
	// 上传文件名
	private String fileName = "";
	// 状态
	private String state = "";
	// 文件类型
	private String type = "";
	// 原始文件名
	private String originalName = "";
	// 文件大小
	private long size = 0;
	// 保存路径
	private String savePath = "upload";
	// 文件允许格式,仅做图片上传只用到了png格式
	private String[] allowFiles = { ".rar", ".doc", ".docx", ".zip", ".pdf", ".txt", ".swf", ".wmv", ".gif", ".png",
			".jpg", ".jpeg", ".bmp" };
	// 文件大小限制，单位KB,备用,暂未使用
	private int maxSize = 10000;

	/**
	 * 支持直接粘帖图片
	 */
	public void upload() {
		if (logger.isDebugEnabled()) {
			logger.debug("upload() - start"); //$NON-NLS-1$
		}

		JSONObject json = new JSONObject();
		// Struts2 请求 包装过滤器
		MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) getRequest();
		// 获得文件过滤器
		File[] files = wrapper.getFiles("upfile");
		String savePath = null;
		// file转is
		try {
			savePath = this.getFolder(this.savePath);
		} catch (Exception e) {
			logger.error("upload()", e); //$NON-NLS-1$

			json.put("state", "目录不存在");
		}
		try {
			if (files == null || files.length == 0) {
				json.put("state", "未包含文件上传域");
			} else {
				// 获得上传的文件名
				File file = files[0];
				String srcFileName = wrapper.getFileNames("upfile")[0];
				InputStream is = new FileInputStream(file);
				this.fileName = this.getName(srcFileName);
				this.type = this.getFileExt(srcFileName);
				this.url = savePath + "/" + this.fileName;
				if (!this.checkFileType(this.fileName)) {
					json.put("state", "不允许的文件格式");
				} else {
					BufferedInputStream in = new BufferedInputStream(is);
					File outFile = new File(this.getPhysicalPath(this.url));
					FileOutputStream out = new FileOutputStream(outFile);
					BufferedOutputStream output = new BufferedOutputStream(out);
					Streams.copy(in, output, true);
					json.put("state", "SUCCESS");
					json.put("name", fileName);
					json.put("originalName", srcFileName);
					json.put("type", type);
					json.put("url", url);
					json.put("size", outFile.length());
				}
			}
		} catch (FileNotFoundException e2) {
			logger.error("upload()", e2); //$NON-NLS-1$
			json.put("state", "文件上传异常");
		} catch (IOException e) {
			logger.error("upload()", e); //$NON-NLS-1$
			json.put("state", "服务器内部异常.");
		}
		writeJson(json);
		if (logger.isDebugEnabled()) {
			logger.debug("upload() - end"); //$NON-NLS-1$
		}
	}

	/**
	 * 用于保存内容
	 */
	public void write() {
		Json json = new Json();
		if (dataJson == null || dataJson.length() == 0) {
			json.setMsg("没有需要保存的内容");
		} else {
			String savePath = null;
			// file转is
			try {
				savePath = this.getFolder(this.savePath);
			} catch (Exception e) {
				json.setMsg("目录不存在");
			}
			try {
				// 获得上传的文件名
				this.fileName = this.getName("");
				this.url = savePath + "/" + this.fileName;
				BufferedInputStream in = new BufferedInputStream(new ByteArrayInputStream(dataJson.getBytes()));
				File outFile = new File(this.getPhysicalPath(this.url));
				FileOutputStream out = new FileOutputStream(outFile);
				BufferedOutputStream output = new BufferedOutputStream(out);
				Streams.copy(in, output, true);
				json.setSuccess(true);
				json.setObj(url);
			} catch (FileNotFoundException e2) {
				json.setMsg("文件上传异常");
			} catch (IOException e) {
				json.setMsg("服务器内部异常.");
			}
		}
		writeJson(json);
	}

	/**
	 * 用于读取内容
	 */
	public void read() {
		Json json = new Json();
		if (no == null || no.length() == 0) {
			json.setMsg("没有需要读取的内容");
		} else {
			try {
				// 获得上传的文件名
				File inFile = new File(this.getPhysicalPath(no));
				if (!inFile.isFile()) {
					json.setMsg("文件不存在");
				} else {
					String content = FileUtils.readFileToString(inFile);
					json.setSuccess(true);
					json.setObj(content);
				}
			} catch (FileNotFoundException e2) {
				json.setMsg("文件读取异常");
			} catch (IOException e) {
				json.setMsg("服务器内部异常.");
			}
		}
		writeJson(json);
	}

	/**
	 * 文件类型判断
	 * 
	 * @param fileName
	 * @return
	 */
	private boolean checkFileType(String fileName) {
		if (logger.isDebugEnabled()) {
			logger.debug("checkFileType(String) - start"); //$NON-NLS-1$
		}

		Iterator<String> type = Arrays.asList(this.allowFiles).iterator();
		while (type.hasNext()) {
			String ext = type.next();
			if (fileName.toLowerCase().endsWith(ext)) {
				if (logger.isDebugEnabled()) {
					logger.debug("checkFileType(String) - end"); //$NON-NLS-1$
				}
				return true;
			}
		}

		if (logger.isDebugEnabled()) {
			logger.debug("checkFileType(String) - end"); //$NON-NLS-1$
		}
		return false;
	}

	/**
	 * 获取文件扩展名
	 * 
	 * @return string
	 */
	private String getFileExt(String fileName) {
		if (logger.isDebugEnabled()) {
			logger.debug("getFileExt(String) - start"); //$NON-NLS-1$
		}

		if (StringUtils.isNotBlank(fileName)) {
			return fileName.substring(fileName.lastIndexOf("."));
		}
		if (logger.isDebugEnabled()) {
			logger.debug("getFileExt(String) - end"); //$NON-NLS-1$
		}
		return fileName;
	}

	/**
	 * 依据原始文件名生成新文件名
	 * 
	 * @return
	 */
	private String getName(String fileName) {
		if (logger.isDebugEnabled()) {
			logger.debug("getName(String) - start"); //$NON-NLS-1$
		}

		Random random = new Random();
		String returnString = "" + random.nextInt(10000) + System.currentTimeMillis() + this.getFileExt(fileName);
		if (logger.isDebugEnabled()) {
			logger.debug("getName(String) - end"); //$NON-NLS-1$
		}
		return returnString;
	}

	/**
	 * 根据字符串创建本地目录 并按照日期建立子目录返回
	 * 
	 * @param path
	 * @return
	 */
	private String getFolder(String path) throws Exception {
		if (logger.isDebugEnabled()) {
			logger.debug("getFolder(String) - start"); //$NON-NLS-1$
		}

		SimpleDateFormat formater = new SimpleDateFormat("yyyyMMdd");
		path += "/" + formater.format(new Date());
		File dir = new File(this.getPhysicalPath(path));
		if (!dir.exists()) {
			dir.mkdirs();
		}

		if (logger.isDebugEnabled()) {
			logger.debug("getFolder(String) - end"); //$NON-NLS-1$
		}
		return path;
	}

	/**
	 * 根据传入的虚拟路径获取物理路径
	 * 
	 * @param path
	 * @return
	 */
	private String getPhysicalPath(String path) {
		if (logger.isDebugEnabled()) {
			logger.debug("getPhysicalPath(String) - start"); //$NON-NLS-1$
		}

		String servletPath = getRequest().getServletPath();
		String realPath = getRequest().getSession().getServletContext().getRealPath(servletPath);
		String returnString = new File(realPath).getParent() + "/" + path;
		if (logger.isDebugEnabled()) {
			logger.debug("getPhysicalPath(String) - end"); //$NON-NLS-1$
		}
		return returnString;
	}

	/**
	 * <p>
	 * 注入业务逻辑，使当前action调用service.xxx的时候，直接是调用基础业务逻辑
	 * </p>
	 * <p>
	 * 如果想调用自己特有的服务方法时，请使用((TServiceI) service).methodName()这种形式强转类型调用
	 * </p>
	 * 
	 * @param service
	 */
	@Autowired
	public void setService(BdImageServiceI service) {
		this.service = service;
	}

	public String getUrl() {
		return url;
	}

	public void setUrl(String url) {
		this.url = url;
	}

	public String getFileName() {
		return fileName;
	}

	public void setFileName(String fileName) {
		this.fileName = fileName;
	}

	public String getState() {
		return state;
	}

	public void setState(String state) {
		this.state = state;
	}

	public String getType() {
		return type;
	}

	public void setType(String type) {
		this.type = type;
	}

	public String getOriginalName() {
		return originalName;
	}

	public void setOriginalName(String originalName) {
		this.originalName = originalName;
	}

	public long getSize() {
		return size;
	}

	public void setSize(long size) {
		this.size = size;
	}

	public String getSavePath() {
		return savePath;
	}

	public void setSavePath(String savePath) {
		this.savePath = savePath;
	}

	public String[] getAllowFiles() {
		return allowFiles;
	}

	public void setAllowFiles(String[] allowFiles) {
		this.allowFiles = allowFiles;
	}

	public int getMaxSize() {
		return maxSize;
	}

	public void setMaxSize(int maxSize) {
		this.maxSize = maxSize;
	}

}



 * 本示例通过官方模版进行修改,为了方便看得懂,部分变量采用的全局变量
一渣程序猿
关注
专栏目录
富文本编辑器tinymce支持从word复制粘贴保留格式和图片的插件powerpaste源码
01-29
tinymce是很强大的富文本编辑器，可以去官网下载，这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用，此插件目前官网收费每月12美刀，我们就不花这钱了。以vue为例说明：将tinymce下载后放到static目录下，powerpaste放到\static\tinymce\plugins目录下，在index.html中引入tinymce.min.js。代码参数配置：tinymce.init({powerpaste_word_import: 'propmt',powerpaste_allow_local_images: true,paste_data_images: true,powerpaste_html_import: 'propmt',plugins:['找到paste替换成powerpaste']})
UEditor富文本编辑器实现图片/视频/表情包/文字发布
05-30
使用百度UEditor富文本编辑器实现发布新闻/通知公告/编写个人任务等在线编辑功能。解决了图片的发布，视频的发布以及图片和视频存储路径的自定义路径。
ueditor实现ctrl+v粘贴word图片并上传
Mr_Zang666的博客
11-23 1538
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码 目前限chrome浏览器使用，但是项目要求需要支持所有的浏览器，包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品：WordPaster。 浏览器方面能够支持ie6,ie7,ie8,ie9,ie10,chrome,firefox,edge几乎所有的浏览器。 编辑器基本上也...
UEDITOR 图片粘贴上传，实现图文粘贴，图片自动上传
最新发布
alisky119的博客
08-16 799
最近这块应该也是挻火的，今天早上又有网友加我微信私聊，说是想了解一下这块的技术和方案。实际我的微信号之前就已经在网上公开了，但是很多网友还是说找不到，这个可真有点难度了。昨天晚上论坛里面有一个网友给我发私信，也是遇到了word内容复制粘贴的问题，想了解一下这块的技术，看看有没有好的解决方法，或者代码，或者插件，主要是想交流一下技术问题。这位老哥说他也是第一次接触这个，也是刚开始学习，很多基础知识都不太熟悉，首先花了半个小时左右的时间给他讲解了一下基础知识，比如如何上传一张图片，如何保存图片。
umeditor编辑器复制粘贴图片上传
Mr_Zang666的博客
07-07 136
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例： 打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。 加入下面的代码： //判断剪贴板的内容是否包含文本 //首先解释一下为什么要判断文本是不是为空 //在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种t
UMEditor 图片粘贴上传，实现图文粘贴，图片自动上传
weixin_45525177的博客
08-26 146
由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows，因此打算使用nodejs来解决这一问题 发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了 找了很久，试用了很多编辑器，发现
vue2.x集成百度UEditor富文本编辑器的方法
10-17
在Vue2.x项目中集成百度UEditor富文本编辑器，主要涉及以下几个步骤和知识点： 1. **下载与放置UEditor源码**： 首先，你需要从官方渠道下载UEditor的源代码，并将其放入项目的`static`文件夹中。这确保了编辑器的...
vue集成百度UEditor富文本编辑器使用教程
10-17
这里提供的方法和参数都是基础的，实际上百度UEditor提供了非常丰富的API供开发者使用，可以实现更多高级的功能，如图片上传、富文本内容预览等。 整个过程需要注意的是资源路径的配置。由于UEditor依赖于一系列的...
百度富文本框（Ueditor）自定义上传接口，并解决单图片上传的跨域问题
03-09
总之，自定义百度富文本框Ueditor的上传接口并解决跨域问题，主要涉及后端接口的设置、响应头的配置、Ueditor的配置修改以及前端的交互优化。通过这些步骤，我们可以让Ueditor在跨域环境下也能流畅地进行图片上传。
js获取UEditor富文本编辑器中的图片地址
10-15
首先，要理解UEditor富文本编辑器，它是一款基于Web的JavaScript富文本在线编辑器，适用...通过以上步骤，开发者可以轻松地从UEditor富文本编辑器中提取所有嵌入的图片资源地址，进而实现图片资源的进一步操作和管理。
富文本编辑器(可以同时添加文字和图片)
10-30
可以如同offer在文字旁边插入图片,并且一样实现了拍照获取图片,已经获取本地图片的功能.
umeditor如何能实现直接粘贴把图片上传到服务器中
weixin_52041354的博客
08-26 113
1.获取光标代码部分，大部分都是直接利用TheViper的代码，只是做了简单的修改，在获取光标的位置添加了插件子集document对象，因为直接使用document对象获取不到光标位置。编辑器中的图片地址已经全部被替换成了服务器的图片地址，其它的用户也能够正常访问。1.从word中复制图片为rtf格式，不能被保存，并解析图片，有待解决；//设置编辑器的内容。...
富文本编辑器直接粘贴图片实现
weixin_45525177的博客
06-18 2616
由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows，因此打算使用nodejs来解决这一问题 发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了 找了很久，试用了很多编辑器，发现
富文本编辑器复制粘贴图片上传
Mr_Zang666的博客
07-01 279
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Co...
富文本编辑器从word复制粘贴图片
yjjatqihc的博客
12-20 682
1.4.2之后官方并没有做功能的改动，1.4.2在word复制这块没有bug，其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp（前端都一样，后台如果语言不通得自己做 Base64编码解码） 因为公司业务需要支持IE8 ，网上其实有很多富文本框，效果都很好。 例如www.wangEditor.com 但试了一圈都不支持IE8 。 所以回到Ueditor，由于官方没有维护，新的neuditor 也不知道什么时候能支持word自动转存，只能自己想办法。 如果没有必要，不建..
umeditor实现ctrl+v粘贴word图片并上传
Mr_Zang666的博客
06-23 65
这种方法是servlet，编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台（服务端）java服务代码：（上传至ROOT/lqxcPics文件夹下） <%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><%@ pagecontentType="text/html;charset=utf-8"%><%@ pageim...
支持复制粘贴word图片的富文本编辑器
weixin_52041354的博客
01-14 614
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。 其原理为一下步骤： 监听粘贴事件；【用于插入图片】 获取光标位置；【记录图片插入位置】 获取剪切板内容；【主要是获取文件】 上传剪切板图片； 在指定光标位置插入图片。 以下是代码部分： 1.获取光标代码部分，大部分都是直接利用TheViper的代码，只是做了简单的修改，在获
富文本编辑器 实现ctrl+v粘贴图片并上传、word粘贴带图片
Mr_Zang666的博客
04-17 818
if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match(/MSIE 8.0/i)) { //判断浏览器内核是否为Trident内核IE8.0。// 当数据包大小不是数据单元的整数倍时，读取最后剩余的小于数据单元的所有数据。// 忽略简单form字段而不是上传域的文件域(等)然后访问http://localhost:8088/ueditor/ 就可以测试了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值