Ueditor | 易学教程

Ueditor 从word中复制内容带多张图片

阅读更多关于 Ueditor 从word中复制内容带多张图片

粘贴文本注意，以下配置暂时对 IE 无效。IE 暂时使用系统自带的粘贴功能，没有样式过滤！关闭粘贴样式的过滤当从其他网页复制文本内容粘贴到编辑器中，编辑器会默认过滤掉复制文本中自带的样式，目的是让粘贴后的文本变得更加简洁和轻量。用户可通过editor.customConfig.pasteFilterStyle = false手动关闭掉粘贴样式的过滤。但不知为何，我的不生效，所以我使用了，自定义处理粘贴的文本内容：自定义处理粘贴的文本内容使用者可通过editor.customConfig.pasteTextHandle对粘贴的文本内容进行自定义的过滤、处理等操作，然后返回处理之后的文本内容。编辑器最终会粘贴用户处理之后并且返回的的内容。示例代码 <div id="div1"> <p>欢迎使用 wangEditor 富文本编辑器</p> </div> <script type="text/javascript" src="/wangEditor.min.js"></script> <script type="text/javascript"> var E = window.wangEditor var editor = new E('#div1') // 关闭粘贴样式的过滤 editor.customConfig.pasteFilterStyle = false //

在百度ueditor上粘贴从word中copy的图片和文字图片无法显示的问题

阅读更多关于在百度ueditor上粘贴从word中copy的图片和文字图片无法显示的问题

1.1. 集成到UEditor1.x 说明： 1.wordpaster 以插件形式集成到ueditor中，不会对ueditor原有功能造成影响。当不需要wordpaster功能时可以直接卸载。 2.wordpaster 使用的上传页面是一个单独的页面，和ueditor官方demo中的上传页面不是同一个页面。 3.wordpaster 与ueditor版本无关，可支持多个版本。 4.wordpaster 是基于插件技术实现的功能，使用前需要安装插件。主要步骤如下： 1.1.1. 上传WordPaster文件夹 1.1.2. 在工具栏图标集合中增加插件按钮图标 1.1.3. 修改ueditor.css文件增加以下代码： .edui-default .edui-for-wordpaster .edui-icon { width : 16px ; height : 16px ; background-position : -648px -77px ; } .edui-default .edui-for-netpaster .edui-icon { width : 16px ; height : 16px ; background-position : -693px -77px ; } .edui-default .edui-for-excelpaster .edui-icon {

Ueditor Word图片转存交互

阅读更多关于 Ueditor Word图片转存交互

如何做到 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= "Content-Type" content= "text/html; charset=utf-8" /> <title>编辑器完整版实例-1.2.6.0</title> <scripttype= "text/javascript" src= "ueditor.config.js" charset= "utf-8" ></script> <scripttype= "text/javascript" src= "ueditor.all.js" charset= "utf-8" ></script> <linktype= "text/css" rel= "Stylesheet" href= "WordPaster/css/WordPaster.css" /> <linktype= "text/css" rel= "Stylesheet" href=

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

阅读更多关于 UMeditor强大的富文本编辑器，UEditor的Mini版本

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

从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能

阅读更多关于从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。（抄的...） UEditor是非常好用的富文本web编辑器，而且全中文API和注释，方便学习和使用。特别是图片上传查看及涂鸦功能极为喜欢，但是有很多情况我们并不需要Web编辑器，而只需要图片上传。那么问题来了,提取图片上传哪家强..... 网上有很多图片上传的控件、插件。但都不是那么的完美，有的只有一张图片上传不包含批量上传，有的没有图片查看功能，还有的必须要flash的支持（ios系统就悲剧了），当然还有的不能跨语言，还有上传没有状态显示，当然还有客户体验不是太好，浏览器兼兼容问题就更多了，在线涂鸦更是少之又少。而UEditor上传图片几乎解决了以上的问题。废话不多说，走起。一、从官网（ http://ueditor.baidu.com/website/download.html ）上下载UEditor选择开发版 [1.4.2 .Net 版本]，1、因为本人.Net。2、老的版本更稳定，新版本不支持ie8以下版本。关于其他语言的开发其实和.Net一样，主要是思路。二、按照官网的说明文档（ http://fex-team.github.io/ueditor/ ）把UEditor部署到VS（ http://fex

ueditor百度编辑器destoon的word图片转存功能

阅读更多关于 ueditor百度编辑器destoon的word图片转存功能

destoon6.0或destoon7.0整合ueditor百度编辑器后,需要把word中的图片直接复制到编辑器,然后点击转存按钮,即可批量保存上传,如下图如果是希望单独上传其中一个图片,可以先点击这个图片,再点击转存按钮.如果是想把word中的多个图片批量上传,则粘贴后,直接点击转存按钮.再点击复制地址.添加图片, 然后,把刚才复制的地址,粘贴到打开的新窗口中,打开后,会看到目录中有很多图片,然后选择按日期倒序排列,最新的排最前面,然后选择后面日期相同的图片,也就是你要转存的图片,即可自动把所有图片全部选定成功,然后点击开始上传.如下图. 如下图,点击确定后,即可把原来的占位图片替换为要上传的图片. 注意,如果点击确认按钮即没反应,说明缺少/php/controller.php 这个上传控制文件一,后台网站设置. 选择ueditor 二,修改member\ editor \ueditor\ueditor.config.js 366 行的 a: [ 'target' , 'href' , 'title' , 'class' , 'style' ], 修改为 a: [ 'target' , 'href' , 'title' , 'class' , 'style' , 'name' ], 403 行的 img: [ 'src' , 'alt' , 'title' , 'width

ueditor+实现word图片自动上传

阅读更多关于 ueditor+实现word图片自动上传

公司做的项目要用到文本上传功能。网上找了很久，大部分都有一些不成熟的问题，终于让我找到了一个成熟的项目。 1.前台页面引用代码 <%@page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ page contentType="text/html;charset=utf-8"%><%@ page import="org.apache.commons.lang.StringUtils" %><% /* 更新记录： 2013-01-25 取消对SmartUpload的使用，改用commons-fileupload组件。因为测试发现SmartUpload有内存泄露的问题。 */ //String path = request.getContextPath(); //String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; String clientCookie = request.getHeader("Cookie"); %> <html> <head> <metahttp-equiv="Content-Type" content="text/html

ckeditor粘贴word文档图片的思路

阅读更多关于 ckeditor粘贴word文档图片的思路

让富文本编辑器支持复制doc中多张图片直接粘贴上传 Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？我希望打开文档doc直接复制粘贴到富文本编辑器，直接发布感觉这个似乎很困难，因为Ueditor本身不支持，粘贴后直接就是空白，这里面一定有原因。好，开始尝试UMeditor，Chrome只能获得本地路径，无法读取文件。 https://ueditor.baidu.com/website/umeditor.html （有兴趣可以试试）难道就这么失败了？不，但是我意外发现UMeditor竟然支持粘贴word中的多张图片（仅支持IE11，不支持IE10以下版本、以及Chrome等）切换HTML，会看到你的图片被组织成base64 nice，机会来了，既然IE支持复制word中的多张图片直接粘贴base64，既然有了base64我们就有办法上传转图片啦！那么我们来改造Ueditor，让他支持IE11（总比没得用强吧）打开你的ueditor.all.js(1.4.3版本以下行号根据自己使用的版本可能不同) 1、注释掉14679行（暂时不明确有什么不良影响） //执行默认的处理 //me.filterInputRule(root); 2、在28725行插入以下代码

订阅 Ueditor