ueditor在线编辑器是由百度web前端研发部开发的所见即所得富文本web编辑器复制粘贴怎么用

百度开源富文本所见即所得的编辑器-Ueditor
来源:爱站软件园
  百度开源富文本所见即所得的编辑器-Ueditor是一款由百度 Web前端研发部开发的所见即所得的富文本在线编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许互联网开发者自由传播和使用代码。
  百度UEditor的推出,可以帮助不少网站开者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器所需要的大量时间,有效降低了企业的开发成本。
  UEditor1.2.0版本是一个里程碑式的版本。除了功能以及性能的跨越式改进和提升(详见changelog)之外,也对官网的文档和自定义下载等内容作了很大的更新,支持用户在线定制并可以实时预览和使用生成的定制版本,以帮助用户更快更好的使用UEditor。
  UEditor采用三层架构,满足不同层次用户的需求:核心层,为命令层提供底层API,如range/selection/domUtils类;命令插件层,基于核心层开发command命令,命令之间相互独立;界面层,为命
  兼容浏览器包括Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome,实现浏览器无差别化。统一不同浏览器下表格选取方式;提供黑/白名单的过滤机制;具有更好的word支持,实现粘贴转换机制。
发现好专题
热门软件推荐
常用软件热门资讯
Copyright ©
粤ICP备号-15百度&UEditor&编辑器创始人战毅专访
UEditor是一套开源的在线HTML编辑器,是由百度Web前端研发部开发所见即所得富文本Web编辑器。
UEditor在设计上采用了经典的分层架构设计理念,尽量做到功能层次之间的轻度耦合。具体来讲,整个系统分为了核心层、命令插件层和UI层这样三个低耦合的层次。其具有体积小巧、性能优良、使用简单、分层架构,方便定制与扩展等特点。
<img src="/blog7style/images/common/sg_trans.gif" real_src ="/upload/attachment/f64b6e4-c139-3a28-9c5a-db167eee70f0.jpg"
ALT="百度&UEditor&编辑器创始人战毅专访"
TITLE="百度&UEditor&编辑器创始人战毅专访" />
我们采访了UEditor项目的创始人和核心开发者战毅,请他来详细介绍一下UEditor。
ITeye期待并致力于为国内优秀的开源项目提供一个免费的推广平台,如果你和你的团队希望将自己的开源项目介绍给更多的开发者,或者你希望我们对哪些开源项目进行专访,请告诉我们,发站内短信给ITeye管理员或者发邮件到即可。
感谢 wangguo 投递这篇访谈
如果您需要评论,请进入原文评论。
—软件人才免语言低担保
赴美带薪读研!—
相关博文推荐:
转载请注明:/
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。您的位置:&>&
百度编辑器
红软基地为广大网友搜集百度编辑器的全部版本下载,UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码...
百度编辑器UEditor v1.1.7 开发版
本软件无插件 无病毒
百度编辑器UEditor开发版 v1.1.7更新说明
去掉了iframe.css 改为在editor_config.js中配置,避免css文件找不到的问题
给下拉菜单添加了默认的文字说明
Ueditor.css去掉了
绿色安全无毒
百度编辑器UEditor PHP版 v1.4.3
本软件无插件 无病毒
UEditor1.4.3更新说明
修复hasContents接口在非ie下只有空格时判断还为真的问题
修复在粘贴word内容时,会误命中cm,pt这样的文本内容变成px的问题
优化删除编辑器再创建
绿色安全无毒
百度编辑器UEditor JSP版 v1.4.3
本软件无插件 无病毒
UEditor1.4.3更新说明
修复hasContents接口在非ie下只有空格时判断还为真的问题
修复在粘贴word内容时,会误命中cm,pt这样的文本内容变成px的问题
优化删除编辑器再创建
绿色安全无毒
百度编辑器UEditor For DedeCMS V1.0.0 Beta Build
本软件无插件 无病毒
在百度编辑器ueditor的基础上做了些修改,更加适合织梦cms使用关于百度编辑器UEditorUEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重
绿色安全无毒
百度编辑器UEditor Asp版 v1.4.3
本软件无插件 无病毒
百度编辑器 v1.4.3 更新日志:
修复hasContents接口在非ie下只有空格时判断还为真的问题
修复在粘贴word内容时,会误命中cm,pt这样的文本内容变成px的问题
优化删除编辑
绿色安全无毒
百度编辑器UEditor .NET版 v1.4.3
本软件无插件 无病毒
百度编辑器 v1.4.3 更新日志:
修复hasContents接口在非ie下只有空格时判断还为真的问题
修复在粘贴word内容时,会误命中cm,pt这样的文本内容变成px的问题
优化删除编辑
绿色安全无毒UEditor_百度百科
本词条缺少名片图,补充相关内容使词条更完整,还能快速升级,赶紧来吧!
UEditor是由WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用。UEditor的推出,可以帮助不少网站开发者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器所需要的大量时间,有效降低了企业的开发成本。
UEditor特点
百度开源富文本编辑器UEditor
UEditor[1]
在设计上采用了经典的分层架构设计理念,尽量做到功能层次之间的轻度耦合。具体来讲,整个系统分为了核心层、命令插件层和UI层这样三个低耦合的层次。[2]
1、核心层提供了底层的一些方法和概念,如DOM树操作、Selection、Range等。
2、在核心层之上覆盖的是命令插件层。之所以叫命令插件层,是因为UEditor中所有的功能型实现都是通过这一层中的命令和插件来完成的,并且各个命令和插件之间基本互不耦合——使用者需要使用哪个功能就导入哪个功能对应的命令或者插件文件,完全不用考虑另外那些杂七杂八的JS文件(极少数插件除外,关于这些插件下文会整理出一个依赖列表来供同学们参考)。
理论上来讲,所有的命令都是可以用插件来代替的,但是依然将两者分开的主要原因是命令都是一些的方法,无需随editor实例初始化,从而优化了的性能。而插件随的初始化而初始化,性能上会有少许的影响,但相比命令而言,插件能够完成更加复杂的功能。其中最主要的一个特点是在内部既可以为注册命令,也可以为编辑器绑定监听事件。这个特点使得为添加任何功能都可以在中独立完成。
3、在命令插件层之上则是UI层。UEditor的UI设计与核心层和命令插件层几乎完全解耦,简单的几个配置就可以为在界面上添加额外的和功能,具体的配置下面将会深入阐述。
UEditor优点
1、体积小巧,性能优良,使用简单
2、分层架构,方便定制与扩展
3、满足不同层次用户需求,更加适合团队开发
4、丰富完善的中文文档
5、多个支持:Mozilla, MSIE, , ,Safari 和Chrome
6、更好的使用体验
7、拥有专业QA团队持续支持,已应用在各大产品线上
UEditor应用领域
UEditor百度产品线
、、、、、、
UEditor其他公司产品
、网易lofter
UEditor更新记录
UEditor1.3.6版本
支持视频上传插入,多浏览器自适配播放器
script/style标签内容,在ie下的编辑状态显示内容问题
修复预览窗口没有滚动条问题
修复在ie67下自动寻址的问题
修复ff下图片拖拽大小不触发contentchange问题
修复注释被删除的问题,包括在script中的
修复在源码模式下不能使用setContent的问题
修复在给定宽度为100%时,ie11在拖动窗口大小时,编辑区域不随着变化的问题
修复在ie67下destroy方法调用报错
修复在插入代码模式下,ie9+以上的浏览器键盘操作(enter/tab等)错误或者失效的问题
修复不规则源码在ie下解析成文本的问题
修复p标签在ie下嵌套的问题
修复目录大纲更新事件导致失焦点的问题
针对word粘贴列表到编辑器中自动转换为list标签,由于有误命中情况,所以默认关闭该功能。提供autoTransWordToList配置项(默认为false),开发者可酌情配置。
添加禁止表格嵌套的开关,解决excel中粘贴到编辑器中会有冗余的嵌套表格问题,配置项disabledTableInTable(默认是true)。
过滤掉excel的表格粘贴到ie中时,会有bitmap的冗余占位图片问题
UEditor1.3.5版本
asp后台的支持
添加本地自动保存功能
增加数据可视化展示功能
编辑器实例上添加isFocus,blur方法
新增在chrome下针对图片的拖拽宽高功能
新增在高端浏览器下,qq截图粘贴上传,拖拽图片到编辑上传
添加表格插入列标题功能
添加设置表格可排序功能,支持表格在预览页排序
添加生成目录功能
ie8以上版本使用w3cRange
使用grunt作为打包工具
修复了过滤规则对于script/style的内容的转码
自动寻址功能重构
修复下拉菜单高度问题
针对ie默认带有的autolink功能,添加开启禁用选项,创建时传入autolink:false就可禁用ie的autolink功能
支持插入动态地图
**API文档更新**
图片上传路径可配置,增加前后端路径验证
对uparse进行了拆分重构
随下载包提供各种功能说明文档
背景颜色功能重构,可以在预览页显示背景
重写了查找替换插件,解决ff下window.find方法失效的问题
UEditor1.2.6.1版本
查找替换支持正则表达式
增加类似word中的快捷菜单,默认关闭
针对默认过滤回转换div为p标签,提供了配置开关allowDivTransToP,默认为true
工具栏支持指定位置折行,&#39;|&#39;表示分割符,&#39;||&#39;表示折行
修复了ie67下初始化宽高给定百分比
修复了在ie下删除分割线后光标定位的问题
提供了手动加载语言文件,避免ie下有时会因语言文件加载失败导致编辑器加载失败,提示&not import language file&的错误
优化了编辑器初始化时获得contentWindow可能不存在的情况
优化了编辑器加载自定义样式的问题,默认initialStyle传入的css样式优先级最高,其次是指定的外部css文件
表格操作功能升级,优化了对表格的拖拉及双击操作,并且支持IE6+浏览器
修复编辑器在禁用状态下仍然可以拖动表格边框的bug
修复了分割线不能删除的问题
修复了初始化内容过多时,编辑器不自动长高,要点击编辑器才会长高的问题
优化了添加字符边框的展示效果,避免出现重叠的问题
修复下拉菜单超出屏幕的bug
修复table属性初始化时table布局错误的bug
优化了选择工具栏上下拉菜单类型的操作命令时,选区会有闪动的问题
优化了关于swfupload的一个xss漏洞
优化了对于ie9,10的支持
UEditor1.2.6.0版本
新增了编辑器路径的设置,可以不用手动设置路径,自动识别相关路径,解决路径设置繁琐的问题
重写了过滤粘贴机制,采用黑白名单,可以书写符合自己需求的过滤规则,可以完全定义标签的属性,甚至是style上的某个属性及其数值
数据同步改为失去焦点就执行,可以不再使用sync方法手动同步数据
改使用closure的压缩工具
表格支持排序和隔行显示
优化了undo/redo操作
优化了ui界面
添加了字体边框
优化了拖拽机制,处理浮动图片拖拽不能跟指定的某行对齐
优化了backspace/del键的操作
重写了插入代码功能,插入代码编写支持tab和回车键
列表粘贴优化,模仿word的列表粘贴
修复jsp后台8080端口,截屏插件返回错误的问题
修复firefox下编辑状态切换的问题
修复查找替换报错
修复表格新增行后宽度丢失问题
修复表格底纹和表格排序多语言配置遗漏
解决右键,粘贴,对话框内容报错
修复设置单元格颜色问题
优化大字号下的显示问题
解决IE下表格粘贴失效问题
修复选中内容设置成代码,出现多余字符的问题
修复从word粘贴内容到编辑器,过滤失效的问题
修复光标闭合,多次点击字符边框按钮,会出现多余的字符“font”的问题
修复字符边框效果错误的问题
以及其他的一些问题.
UEditor1.2.5版本
table整体重构
table支持插入表头和标题
table支持拷贝
table支持任意调整宽高
table支持任意前插后插行列
table键盘操作仿word用户体验
添加table平均分布行、列
添加table单元格对齐方式
添加table对齐方式
添加选中部分表格,点击backspace或delete删除功能
重写表格属性、单元格属性dialog
粘贴支持纯文本,源码,纯标签3个模式选择
添加计算字数的getContentLength接口
图片上传支持参数动态绑定
重写了list功能,支持一,一),(一),1),(1),——等新的列表标签
全屏快捷键 ALT+Z
添加了uparse.js展示页加载器
优化了插入代码功能
ie下默认禁用源码模式下的代码高亮
截图功能支持非ie浏览器
修正了非ie下中文输入时回退不准确的问题
改进了输入时做回退的操作
UEditor1.2.4版本
官网新增API文档
CSS按照UI结构进行了模块化拆分
新增皮肤切换功能,并提供一套新皮肤(可通过配置项theme来设置)
新增编辑器容器拖动缩放功能,配置项为:scaleEnabled、minFrameWidth、minFrameHeight
新增音乐插件
增加了源码模式下,全屏按钮可以使用
添加了UE.getEditor工厂方法
添加了针对jquery配合使用的demo
添加了针对jqueryValidation配合使用的demo
添加了初始化编辑器宽高配置,配置为项:initialFrameWidth、initialFrameHeight
修复涂鸦路径在配置时,添加参数时请求报错
修复涂鸦opera下缩放不能使用
修复编辑器全屏功能失效问题
codemirror版本升级到最新版
对opera/safari的支持进行了进一步的优化
优化了部分demo页的代码
修改原来的minFrameHeight为拖动时的最小高度[3]
UEditor1.2.3版
1、新增大小写功能
2、新增涂鸦功能
3、新增国际化支持
4、新增getAllHtml方法,可以将整个页面的内容打出来
5、新增插入模板的功能
6、新增背景功能
7、新增UE.instants全局对象,下边挂接了所有实例化的组件
8、Editor下新增ready方法,当编辑器ready后执行传入的fn,如果编辑器已经ready好了,就马上执行fn
9、新增topOffset配置参数,用于设置AutoFloat时工具栏距离顶部的高度
10、新增sourceEditorFirst配置参数,用于控制编辑器初始化时是否显示成源码模式,默认为否
11、新增在表格内实例化编辑器的demo
12、新增getDialog(dialogName)接口,可以获取dialog对象
1、chrome下会出现alt+tab切换时,导致选区位置不对
2、focus方法添加参数可以指向到内容末尾
3、完全支持opera浏览器
4、修复了表格中实例化编辑器时工具栏浮动错位问题[4]
UEditor1.2.2版
1、编辑器不可编辑时,可以配置哪些功能可以使用,例如全屏
2、table的边框为0时,采用虚线显示
3、修复firefox下插入大量代码时,代码格式显示不正确的问题
4、附件上传成功后显示初始文件名
5、自定制下载优化
6、当图片上传超时时,增加提示信息
7、修复自动排版对H1不生效的问题
8、修复插入超链接,超链接地址包含script标签,预览时会执行script语句的问题
UEditor1.2.1版
1.增加插入应用功能
2.插入表情时,按住CTRL键可连续插入多个表情
3.按住CTRL+Enter提交表单
4. 增加readonly属性在editor_config.js,实例上增加setEnabled,setDisabled方法,设置编辑区域是否可以编辑
5.Editor上添加了getPlainTxt方法,得到编辑器的纯文本内容,但会保留段落格式
6.为insertHtml命令添加了过滤机制
7.当选区在一个超链接中,就可以在弹出层中直接修改这个超链接中的文本
8.超链接窗口可以修改超链接显示的文字
9.为每个plugin的在代码中添加了的容错代码,若配置项不存在,不会报错
10.提供后台的jsp版本
11.添加是否删除空的inlineElement节点(包括嵌套的情况)的配置项:autoClearEmptyNode
12.在中增加isShow设置初始化时是否显示,在编辑器实例上增加setShow,setHide方法设置编辑器的显示/隐藏
1.修正了initialContent赋值失效的问题,赋值顺序以标签内容为先,如果没有再看initialContent内容
2.getContent将“ ”转成空格,连续2个空格则以“ ”表示
3.与后台交互的整体进行了调整
4.重写了ui和和的交互层,dialog改为显示时创建,整体代码减少22k
5.修正了代码高亮跟jquery冲突的问题
6.改进了多个实例,使用一个name做为form提交,后台都可以取到
7.修正了chrome下粘贴文本带有white-space样式, 导致内容不能折行的问题
UEditor1.2.0版
UEditor1.2.0版本是一个里程碑式的版本。除了功能以及性能的跨越式改进和提升(详见changelog)之外,也对官网的文档和自定义下载等内容作了很大的更新,支持用户在线定制并可以和使用生成的,以帮助用户更快更好的使用UEditor。
1、远程图片抓取2、服务器图片3、增加了baidu图片搜索功能,搜索图片然后直接插入到中4、word的本地图片取得寛高5、插入视频,可预览,并且界面加入了视屏搜索功能,并且可以插入视屏预览图到编辑器6、附件上传7、自动排版8、单元格属性编辑9、ie下的截屏功能10、源码模式下css进行了简写11、添加了上来就可以全屏的12、添加了contentchagne事件13、优化了首页自定制下载。
1、修改了行间距的展示方式
2、变为段前距和段后距
3、改进了autolink的效果
4、可以删除
5、增强了表格的编辑功能
6、优化了状态反射的性能,改为获得焦点才会触发,失去焦点不在触发状态查询
7、修正了focus()方法,执行编辑器实例的focus方法可以选回失去焦点之前的选区
8、重写了,支持混乱模式下的工具栏滚动
9、重写了autoheight插件,去掉setInterval的方式,并且长高时不在跳动
10、文件上传提供flash源码
11、提供了.net的事例代码
首页文档进行了改进
UEditor正式版
UEditor新增功能
新增了编辑器路径的设置,可以不用手动设置路径,自动识别相关路径,解决路径设置繁琐的问题
重写了过滤粘贴机制,采用黑白名单,可以书写符合自己需求的过滤规则,可以完全定义标签的属性,甚至是style上的某个属性及其数值
数据同步改为失去焦点就执行,可以不再使用sync方法手动同步数据
改使用closure的压缩工具
表格支持排序和隔行显示
优化了undo/redo操作
优化了ui界面
添加了字体边框
UEditor优化修复
优化了拖拽机制,处理浮动图片拖拽不能跟指定的某行对齐
优化了backspace/del键的操作
重写了插入代码功能,插入代码编写支持tab和回车键
列表粘贴优化,模仿word的列表粘贴
修复jsp后台8080端口,截屏插件返回错误的问题
修复firefox下编辑状态切换的问题
修复查找替换报错
修复表格新增行后宽度丢失问题
修复表格底纹和表格排序多语言配置遗漏
解决右键,粘贴,对话框内容报错
修复设置单元格颜色问题
优化大字号下的显示问题
解决IE下表格粘贴失效问题
修复选中内容设置成代码,出现多余字符的问题
修复从word粘贴内容到编辑器,过滤失效的问题
修复光标闭合,多次点击字符边框按钮,会出现多余的字符“font”的问题
修复字符边框效果错误的问题
以及其他的一些问题.
.软件下载&#91;引用日期&#93;
.顶库下载&#91;引用日期&#93;
.下载之家&#91;引用日期&#93;
.IT之家&#91;引用日期&#93;
企业信用信息UEditor配置,上传图片和附件及其他使用方法
&#160; UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码。这简直是Web开发富文本框输入的一大神器!最低来说,使用百度的富文本编辑器,无论是本地化还是相关操作学习文档,都比国外的FCKEdit神马的要好的多! &#160; &#160; &#160; &#160; 首先是下载地址: &#160; &#160; &#160; &#160; 下载时可以下载完整包,或者功能定制化下载;如果网站对富文本编辑器需求比较明确,尽量使用定制化下载,经测试,如果下载完整包,每次页面请求有800K内容,定制化下载后简单优化一下,页面可以缩小到600K甚至更小…。如果页面访问量不大,对编辑器需求也不太明确,建议下载完整包罗,需要的功能通过配置后下载配置文件,以后只需在网站上更新UEditor的配置文件就可以完成功能更新了!
&#160; &#160; &#160; &#160; UEditor除了具有功能强大、可定制等优点外,还始终将优化编辑操作、提升用户体验摆在了很重要的位置。在这一点上,除了对编辑器功能、性能、实现细节等不断地改进和追求创新之外,众多灵活而个性化的自定义配置也充分体现了这个特点。通过修改配置,用户几乎可以完全地改变编辑器的外观和行为。 &#160; &#160; &#160; &#160; 从配置本身的优先级来看,UEditor的配置可以分为系统默认配置和用户自定义配置两种类型。系统默认配置分散在各个对应的核心或者插件文件之中,对用户不可见。当用户注释掉自定义配置时起作用。用户自定义配置包括两种类型,一种位于editor_config.js文件之中,优先级高于系统默认配置;另一种位于实例化编辑器时传入的参数中,优先级最高。默认情况下,UEditor在editor_congfig.js注释掉了所有可以省略的配置项,采用系统默认配置,若取消注释,则以该配置项为准;未注释的配置项要求用户必需按照项目实际填写。 &#160; &#160; &#160; &#160; 这里以.net环境和Visual Studio开发工具为例,看看UEditor的配置; &#160; &#160; &#160; &#160; 在解决方案中新建目标文件夹用于放置UEditor的所有文件内容,我放在目标文件夹(Scripts)下 &#160; &#160; &#160; &#160;&#160;
&#160; &#160; &#160; &#160; 使用VS时添加现有项太麻烦?有一个快捷办法,将UEditor解压缩后的整个文件夹复制到目标文件夹(Scripts)中,在VS的项目管理器上点击显示所有文件按钮,解决方案资源管理器的目标文件夹下可以找到UEditor的文件夹了,但是文件夹显示是隐藏状态, &#160; &#160; &#160; &#160;&#160;
&#160; &#160; &#160; &#160; 右键点击文件夹,选择包括在项目中,VS自动将UEditor下的文件夹和文件全部加载到解决方案资源管理器中。 &#160; &#160; &#160; &#160; &#160;&#160; 在页面上加载UEditor
&#160; &#160; &#160; &#160; 不论是功能定制化还是使用所有功能,配置都是在editor_config.js文件中设置。首先最主要的设置是该文件内的URL参数,editor_config.js可以找到URL参数进行配置,但是如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,可能不适用于每个页面的编辑器。因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可:var&#160;URL&#160;=&#160;"/UETest/ueditor/",同时注释掉editor_config.js文件的URL参数; &#160; &#160; &#160; &#160;
这里强烈建议在每个使用UEditor的页面中对URL进行声明,否则造成许多不必要的问题; &#160; &#160; &#160; &#160; URL的参数值可以使用相对路径和绝对路径,最终指向UEditor文件夹即可,强烈建议使用绝对路径,例如:,千万不要忘记最后的”/”结束。 &#160; &#160; &#160; &#160; 项目中引用文件夹和配置URL参数后,看看页面中如何使用UEditor吧: &#160; &#160; &#160; &#160; 新建使用UEditor的页面,在Head中声明如下引用:editor_config.js,editor_all_min.js和ueditor.css,Css文件根据使用的模版指向正确的地址
[javascript] <span &#160;style="font-family:Microsoft&#160;YaHfont-size:14">&#160;&#160;&#160;&#160;<meta &#160;http-equiv="X-UA-Compatible"content="IE=8"/>&#160;&#160;&#160;&#160;&#160;&#160;<meta &#160;http-equiv="Content-Type"content="text/charset=utf-8"/>&#160;&#160;&#160;&#160;&#160;&#160;src="../Scripts/ueditor1_2_4_0-utf8-net/editor_config.js">&#160;&#160;&#160;&#160;&#160;&#160;src="../Scripts/ueditor1_2_4_0-utf8-net/editor_all_min.js">&#160;&#160;&#160;&#160;&#160;&#160;<link &#160;href="../Scripts/ueditor1_2_4_0-utf8-net/themes/default/css/ueditor.css"rel="stylesheet"/>&#160;&#160;&#160;&#160;&#160;&#160;>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;$(function()&#160;{&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;vareditor&#160;=&#160;new&#160;UE.ui.Editor();&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;editor.render('editor');&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;})&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
&#160; &#160; &#160; &#160; 在头文本中使用var editor=new UE.ui.Editor()声明富文本编辑器; &#160; &#160; &#160; &#160; 最后,在页面需要使用UEditor的地方声明使用即可,代码:
&#160; &#160; &#160; &#160; 下面上传图片依旧以.net为例,不使用.net的玩家可以跳过; &#160; &#160; &#160; &#160; 首先看看上传图片的配置: &#160; &#160; &#160; &#160; 1. &#160;如果你的.net framework版本小于4.0,请删掉/net/web.config,然后使用vs2008或者vs2005自带的web.config &#160; &#160; &#160; &#160; 2. &#160;如果你的版本等于4.0,请检查editor_config.js中的URL变量配置(注意:一定要用绝对路径) &#160; &#160; &#160; &#160; 3. &#160;图片上传需要前后端的协作:A.在前端,UEditor提取了几个常用的配置到editor_config.js中, 如imagePath,compressSide,maxImageSideLength具体代表的含义请参考对应注释。当然,更多的配置还需要在image.html文件中完成,比如提交地址url等,具体含义同样请参考对应位置的注释。B、在后端,需要配置文件的保存路径uploadPath,保存完成之后需要返回一个包含图片地址的json字符串给前端。C、返回的json字符串必须符合如下格式{'url':'图片地址','state':'SUCCESS','title':'图片title'}。其中state的值依据实际情况返回,只有当图片真正保存成功时才是“SUCCESS”. &#160; &#160; &#160; &#160; 4. 完成了上述的配置之后,如果图片提示没有上传成功,则需要分以下几个步骤检查:A、确定图片是否已经正确保存到指定的目录。如果已经保存,则检查返回的json数据格式和内容,否则请检查图片保存路径是否正确、文件夹是否具有写入权限等。B、检查返回数据格式的方法:在image.html文件中的uploadCompleteCallback回调中设置一个断点,跟踪返回值是否如预期。 &#160; &#160; &#160; &#160; 上述问题都检查完后,如果图片仍然无法上传,检查Uploader.cs文件的属性,官方下载的UEdiotor默认将该文件的生成属性设置为“编译”,将编译修改为“内容”,重新生成项目,重试文件上传功能; &#160; &#160; &#160; &#160; 图片现在能成功上传后,再来仔细看看图片上传的相关配置:
还有多款手机记录模板,时间轴,日历,图片墙,瀑布流,总有一款是你喜欢的。

我要回帖

更多关于 所见即所得网页编辑器 的文章

 

随机推荐