UEditor使用方法,制成用户控件,直接拖控件。

因为要做个编辑类的网站,在网上找了现成的编辑器,刚开始用了CKEditor,毕竟是国外的用起来没有百度的UEditor那么顺手捻来!但是个人感觉CKEditor总是比UEditor强大点。刚开始用UEditor也出现过很多错误,比如图片上传地址,文件地址问题,图标不显示,布局又乱等问题…废话又多了,直接上方法。

这里我把UEditor封装成了一个用户控件,要用直接拖控件行了!

1.先到Ueditor下载Uedior    http://ueditor.baidu.com/website/download.html.下载回来后如果需要精简可以精简一下,找自己需要的。并把带有_开头的文件夹都可以删除掉,那是提供的例子。

2.新建一个空的网站并建一个用户控件页面和空Web窗体页面

2.然后我们把下载回来的UEditor放到要目录下,之后我们的项目 应该是下面这样的:

3.然后双击UEditorUserControl.ascx,并在其中添加

如下:

并在后台添加一下content_Str字段用来接收前台编辑器中的值

也许你可以像我这样:

到此为止已经制作好了自己的控件。

下面的是使用了

当我们预览的时候就可以看见惊人的效果了!

 

问题总结下:

1.当我们看不到编辑栏的时候,检查一下window.UEDITOR_HOME_URL,应该是这里的UEditor的地址有错误。或者是你的添加的js文件路径有错误,暂时先不用怀疑Editor里的的配置

2.如果出现布局方面的错误可能是和其他控件有冲突,或者是你页面的js和其他后台js位置有问题!

3.关于图片上传和文件上传的在下一篇中再讲到~

 

 

posted @ 2013-02-16 15:03  计算机男  阅读(1593)  评论(0编辑  收藏  举报