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,所以说要有问题时还是要好好看论坛。


0 0
原创粉丝点击