ueditor编辑器使用心得
来源:互联网 发布:医疗器械进销存软件 编辑:程序博客网 时间:2024/06/10 02:32
最近做的项目都要使用编辑器这个常用的功能,ueditor算是不错的开源编辑器,配置在一开始的时候总是很纠结,用上手了还是不错的,下面记录一下使用中出现的问题。
首先是下载地址,http://ueditor.baidu.com/website/download.html 。
论坛地址http://www.ueditorbbs.com/forum.php(很有用)
百度给了一个UE还有一个UM,UM就是mini版的较轻巧,适合简单开发,UM比较全一点,因为要求传图片的功能,我还是选择了UE。有4个版本,PHP,ASP,.NET,JSP。虽然我的环境是asp .net环境,但是我选择的是ASP,这个应该不影响,其他版本没用过,先不评价,但是道理应该是一样的。
使用教程的网址:http://fex.baidu.com/ueditor/#use-deploy_tutorial(当然也可以看论坛里的技术帖子,是一样的。)
论坛ASP编辑器的配置文档:http://www.ueditorbbs.com/forum.php?mod=viewthread&tid=27127&extra=page%3D1
初学者一定要把配置文档的每点都好好看一看。首先注意的就是ueditor.config.js这个配置文件,直接把里面的php改成asp,例如imageUrl:URL+"asp/imageUp.asp"这个imageUp.asp文件就是实现图片上传的asp源码了,其他文件同理,都在asp这个文件夹下。
帖子里的IIS配置一定要好好看一下,因为我的环境是win7(以后会越来越多的win7系统的)在IIS7上配置ASP版本一定要注意安装ASP,IIS7是需要自己安装的。
匿名身份验证的用户名和密码应该是与本机相同的。
图片配置文档:http://www.ueditorbbs.com/forum.php?mod=viewthread&tid=17639&extra=page%3D1
关于图片配置的一些问题可以看下这篇帖子,也是论坛里的技术文档。
这里说的是PHP与asp是相同的,asp的默认存储路径是在config.asp下的,很多人看到演示中是可以选择的,就是在这个文件中控制的。imageUp.asp里的up.SavePath = path + "/"这个是项目中的图片存储路径,研究一下就会知道。
up.MaxSize = 10 * 1024 * 1024控制的是最大上传图片大小,这个图片大小在ueditor.config.js中也可以控制,如下
,compressSide:1 //等比压缩的基准,确定maxImageSideLength参数的参照对象。0为按照最长边,1为按照宽度,2为按照高度
,maxImageSideLength:600 //上传图片最大允许的边长,超过会自动等比缩放,不缩放就设置一个比较大的值,更多设置在image.html中
这两个配置项就是说的按照宽度最大是600px自动缩放的。1是宽边,600是宽的边长。这个是在上传的时候就把图片缩放的,所以上传上到服务器或者项目中的图片是缩放好的。
图片的在线管理,参照imageManager.asp这个文件,我一开始的在线管理里并没有显示图片,改一下imageManager.asp其中的路径path = "upload1/"就好。
这些都是图片上传的问题,主要注意下路径和权限。
UE一长条确实有点复杂,想不在自己的页面显示这么多,可以改ueditor.config.js里的, toolbars:[ ]里的内容,顺序和显示的是一样的,也可以尝试一下Ubulider,为开发者定制的精简版UE,http://ueditor.baidu.com/website/download.html#ubuilder
还有鼠标右键不能粘贴的问题,Ueditor是默认用快捷键Ctrl+C,Ctrl+V来完成的,如果需要用鼠标右键,可以改ueditor.config.js文件,用查找工具找到contextMenu,去掉[]里的内容,将前面的注释符号去掉就OK拉。
以后还有什么问题再随时记录吧,论坛里的常见问题解答http://ueditor.baidu.com/website/helper.html,所以说要有问题时还是要好好看论坛。
- ueditor编辑器使用心得
- 使用百度Ueditor在线文本编辑器心得
- UEditor编辑器的一些使用心得
- 百度ueditor使用心得
- ueditor编辑器使用
- Ueditor编辑器的使用
- 百度编辑器 UEditor 使用
- 百度编辑器UEditor使用
- UEditor编辑器的使用
- ueditor编辑器的使用
- ueditor编辑器的使用
- Jsp使用ueditor编辑器
- ueditor编辑器使用教程
- UEditor编辑器使用
- 编辑器ueditor使用总结
- ueditor编辑器的使用
- 关于ueditor的使用心得
- Dede如何使用UEditor编辑器
- 查看端口占用情况
- C语言中可变参数的用法
- HDU 2540
- Android Layout标签之 - viewStub,requestFocus,merge,include
- 万州人吃槟榔
- ueditor编辑器使用心得
- leetcode 之 Reorder List
- eclipse配置外部工具利用javah编译生成头文件
- 脚本抓取邮编
- 判断各种网络的连接状态
- DayDayUp之HTML5学习笔记 二 使用header、aside、section、footer实现一个简单的界面
- java解析json与map,list相互之间的转换
- 无限后台任务 iOS iPhone
- Path Sum II