UMeditor

小编心语：咳咳咳，今天又是聊天室，到现在为止小编已经分享了不下两个了，这一次跟之前的又不大相同，这一次是网页聊天室，具体怎么着，还请各位看官往下看~ Java和WebSocket开发网页聊天室 一、项目简介 WebSocket是HTML5一种新的协议，它实现了浏览器与服务器全双工通信，这里就将使用WebSocket来开发网页聊天室，前端框架会使用AmazeUI，后台使用Java，编辑器使用UMEditor。 二、涉及知识点 网页前端（HTML+CSS+JS）和Java 三、软件环境 Tomcat 7 JDK 7 Eclipse JavaEE 现代浏览器 四、效果截图 效果1 效果2 五、源代码下载 （此操作需在 实验楼 网站上的虚拟平台可以实现） $ git clone https://github.com/shiyanlou/java_websocket_chat.git 六、项目实战 1. 新建项目 打开桌面上Eclipse JavaEE，新建一个名为Chat的Dynamic Web Project，然后导入处理JSON格式字符串所需要的包，把commons-beanutils-1.8.0.jar、commons- collections-3.2.1.jar、commons-lang-2.5.jar、commons-logging-1.1.1.jar、 ezmorph-1.0

Chrome+IE 默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧 ？ Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。 我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不需要再手动一张张处理。同时能够将图片上传到我指定的接口中，服务器需要将图片单独保存在存储服务器中，比如可能是云存储，或者是分布式存储，最后直接发布内容。 感觉这个似乎很困难，因为Ueditor本身不支持，粘贴后直接就是空白，这里面一定有原因。 好，开始尝试UMeditor，Chrome只能获得本地路径，无法读取文件。 https://ueditor.baidu.com/website/umeditor.html （有兴趣可以试试） 难道就这么失败了？ 不 ，但是我 意外发现 UMeditor 竟然 支持 粘贴word中的多张图片（仅支持IE11，不支持IE10以下版本、以及Chrome等） 切换HTML，会看到你的图片被组织成base64 nice ，机会来了

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

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的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是不为空的，同时也会返回当前文本的图片类型 // 如果有文字的话不做任何的处理

Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？ Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。 我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不需要再手动一张张处理。同时能够将图片上传到我指定的接口中，服务器需要将图片单独保存在存储服务器中，比如可能是云存储，或者是分布式存储，最后直接发布内容。 感觉这个似乎很困难，因为Ueditor本身不支持，粘贴后直接就是空白，这里面一定有原因。 好，开始尝试UMeditor，Chrome只能获得本地路径，无法读取文件。 https://ueditor.baidu.com/website/umeditor.html （有兴趣可以试试） 难道就这么失败了？ 不，但是我意外发现UMeditor竟然支持粘贴word中的多张图片（仅支持IE11，不支持IE10以下版本、以及Chrome等） 切换HTML，会看到你的图片被组织成base64 nice，机会来了