UEditor编辑器特别版是一款功能十分强大的文本编辑工具,小巧的体积,优良的性能,简单的操作,还有什么是不能够满足用户的?具备不同层次的用户需求,适合个人、可以团队,专业的后台技术支持,给用户带来最佳的使用体验。
1、功能全面
UEditor编辑器特别版涵盖流行富文本编辑器特色功能,独创多种全新编辑操作模式。
2、用户体验
屏蔽各种浏览器之间的差异,提供良好的富文本编辑体验。
3、开源免费
开源基于MIT协议,支持商业和非商业用户的免费使用和任意修改。
4、定制下载
细粒度拆分核心代码,提供可视化功能选择和自定义下载。
5、专业稳定
百度专业QA团队持续跟进,上千自动化测试用例支持。
1、将下载下来的包解压之后,复制到自己的项目web路径中,例子中我们复制到webapp的resources目录下面
2、这个时候再创建一个demo的jsp页面用来显示editor的编辑器,demo的内容可以从官网的帮助文档中获取,然后根据自己的需要修改即可
3、启动web项目,然后浏览器访问测试地址,http://localhost:8080/study-web/test/ueditor,打开之后的页面
4、看到这一步的时候,则表示ueditor的初始化部署已经完成,下面来看下看下如何设置和获取编辑器内容
5、ready是初始化完成之后执行的js代码,setContent是设置编辑器内容,getContent是获取html内容,getContentTxt则是获取的纯文本值
ue.setContent('hello');
var html = ue.getContent();
var txt = ue.getContentTxt();
按F12打开浏览器调试工具,再刷新页面看下效果,查看浏览器控制台打印结果
6、从打印结果可以看到获取的纯文本值为hello,使用ueditor提供的getContentTxt方法就可以
1、现象描述,拉动滚动条来回跳动,无法滚动到网页底部,确定按钮也点不到。无法完成编辑。
2、审查元素看到。原来工具栏上方增加了fixed 样式,工具栏浮动后,导致页面缩短,触发工具栏回位网页。然后页面又拉长,又导致工具栏浮动所致无限循环,拉不到底部。。用firebug 查看元素
3、发现ueditor 在工具栏的元素上增加了一个div .这个div 没高度。所以只要在这个div增加工具栏的高度的像素,工具栏浮起来后,页面就不会缩短,导致刚才的问题了。
4、打开编辑器配置ueditor.all.js文件,搜索
placeHolder.style.height = toolbarBox.offsetHeight + 'px';
大概在17546 行
5、再这里是创建刚才div 的js ,这里加上编辑器的高就可以,量了一下大概79px,jia将上面代码替换为
placeHolder.style.height = toolbarBox.offsetHeight+79 + 'px';
保存。
6、至此就可以平滑拉动到底部了,不会出现来回跳动的bug 了。。如可以看到确定按钮了。
1、在本站下载UEditor编辑器特别版安装包
2、使用压缩软件进行解压(推荐使用winrar)
3、点击exe文件开始安装