ASP.NET使用UEditor入门与常见问题
2013-05-13 22:39
531 查看
今天工作需要,用到了Ueditor,在使用的过程中遇到了一些问题,特此在这总结一下,以备以后他人和自己查阅。
首先简单介绍一下,ueditor是百度退出的一款在BSD协议下的完全免费开源的所见即所得的富文本web编辑器,目前的最新版本是1.2.5.1,支持全功能下载(即开发版)以及定制功能下载(即UBuilder版),大家可以到其官方主页看看。
简单的应用配置大家可以下载开发版,里面有非常详细的例子,大约看看就OK,也有详细的API,下面将我遇到的问题与处理方案描述一下:
1、在Asp.net中加载相关脚本文件,并且为之都正确,但是依然显示不出
提示脚本错误 Error: The load /MyWebSite/lang/zh-cn/zh-cn.js fails,check the url settings of file editor_config.js
刚开始以为是我的脚本加载的有问题,检查了一下确实正确,仔细看看了,让我检查一下editor_config.js中的url
一看才知道原来,在这个config中有一url字段,其直接赋值给UEDITOR_HOME_URL字段,在editor内部的处理中使用了这个UEDITOR_HOME_URL来加载一些内容,这个如果配置不好就会找不到相关的资源,只要我们在配置editor时同时将其赋值就可以,代码如下:
这样就可以了。
2、在Asp.net中,通过setContent方法赋值出错。
提示错误:Error: Unable to set property 'innerHTML' of undefined or null reference
定位进去是this.body is undefined。
这个地方实际上时初始时还没对body进行赋值,有两种方式可以解决:
一种是初始的时候使用initialContent进行初始内容赋值,初始完成后,再使用setContent就OK了,如下(顺便介绍另一种初始方案):
另一种就是使用<%= %>进行赋值
这两种方案都不错,说明一下div或者scritp都可以,只要是个容器就Ok,文档里的'editor'就是容器的id,好了就写到这里。
转载请注明原创地址。
最后上个图,我只用了其中的部分功能。
首先简单介绍一下,ueditor是百度退出的一款在BSD协议下的完全免费开源的所见即所得的富文本web编辑器,目前的最新版本是1.2.5.1,支持全功能下载(即开发版)以及定制功能下载(即UBuilder版),大家可以到其官方主页看看。
简单的应用配置大家可以下载开发版,里面有非常详细的例子,大约看看就OK,也有详细的API,下面将我遇到的问题与处理方案描述一下:
1、在Asp.net中加载相关脚本文件,并且为之都正确,但是依然显示不出
提示脚本错误 Error: The load /MyWebSite/lang/zh-cn/zh-cn.js fails,check the url settings of file editor_config.js
刚开始以为是我的脚本加载的有问题,检查了一下确实正确,仔细看看了,让我检查一下editor_config.js中的url
一看才知道原来,在这个config中有一url字段,其直接赋值给UEDITOR_HOME_URL字段,在editor内部的处理中使用了这个UEDITOR_HOME_URL来加载一些内容,这个如果配置不好就会找不到相关的资源,只要我们在配置editor时同时将其赋值就可以,代码如下:
var ue; function pageLoadedFunc() { ue = UE.getEditor('editor', { UEDITOR_HOME_URL: "../../ueditor/" }); }
这样就可以了。
2、在Asp.net中,通过setContent方法赋值出错。
提示错误:Error: Unable to set property 'innerHTML' of undefined or null reference
定位进去是this.body is undefined。
这个地方实际上时初始时还没对body进行赋值,有两种方式可以解决:
一种是初始的时候使用initialContent进行初始内容赋值,初始完成后,再使用setContent就OK了,如下(顺便介绍另一种初始方案):
var ue; function pageLoadedFunc() { ue = new UE.ui.Editor({ UEDITOR_HOME_URL: "../../ueditor/", initialContent:"初始内容" }); ue.render("editor"); }
另一种就是使用<%= %>进行赋值
<script id="editor" type="text/plain"><%= styleValue %> </script>
这两种方案都不错,说明一下div或者scritp都可以,只要是个容器就Ok,文档里的'editor'就是容器的id,好了就写到这里。
转载请注明原创地址。
最后上个图,我只用了其中的部分功能。
相关文章推荐
- 在ASP.NET中使用Session常见问题集锦
- asp.net DotNetTextBox编辑器使用中的常见问题FAQ
- 在ASP.NET中使用Session常见问题集锦
- 在ASP.NET中使用Session常见问题集锦(转)
- [ASP.NET]NTKO插件使用常见问题
- asp.net使用 开发环境常见问题
- 在ASP.NET中使用Session常见问题集锦
- 在ASP.NET中使用Session常见问题集锦
- 在asp.net中使用session常见问题集锦 .
- Asp .NET使用控件常见问题大全(设计时选中、Button、TextBox、DropDownList、GridView、UpdatePanel 等)
- 在ASP.NET中使用Session常见问题集锦
- 在ASP.NET中使用Session常见问题集锦
- 在ASP.NET中使用Session常见问题集锦
- 在ASP.NET中使用Session常见问题集锦
- 在asp.net mvc中使用百度UEditor初始化内容遇到自数据库中读取的html字符串在UEditor中始终是html编码的问题
- 在ASP.NET中使用Session常见问题集锦
- ASP.NET中使用FCKeditor 2.6.3碰到些常见问题的解决方法
- 在asp.net中使用session常见问题集锦
- 在ASP.NET中使用Session常见问题集锦
- [转]在ASP.NET中使用Session常见问题集锦