UEditor1.2.6.0
1.百度百科词条
【CKEditor+CKFinder的配置实用,可查看博主另一篇文章】
第一次接触UEditor还是在2011年的下半年里,当时由于需要找一款富文本编辑器进行新闻的网站开发,当时UEditor异常较多,就将注意力集中在了(F)CKEditor上。今天偶然间翻出以前的代码,发现UEditor已经有了质的的提高,从官网下载.net版本试用,发现不错,记录在此,与之分享。
新建一个WebForm页面
并引入脚本文件
<script src="content/ueditor/ueditor.all.js" type="text/javascript"></script> <script src="content/ueditor/ueditor.config.js" type="text/javascript"></script>
在<body>标签中添加
1 <textarea name="后台取值的key" id="myEditor">这里写你的初始化内容</textarea> 2 <script type="text/javascript"> 3 UE.getEditor('myEditor', { 4 //focus时自动清空初始化时的内容 5 autoClearinitialContent: true, 6 //关闭字数统计 7 wordCount: false, 8 //关闭elementPath 9 elementPathEnabled: false, 10 //默认的编辑区域高度 11 initialFrameHeight: 300 12 //更多其他参数,请参考ueditor.config.js中的配置项 13 }) 14 </script>
运行页面,可以发现已经效果如下
到此简单的UEditor使用已经完成,如果需要使用图片,文件上传功能
可以查看 /ueditor/net/文件夹下的一般处理程序,如下图:
学习UEditor时,可以下载[1.2.6.0 完整版 + 源码] 完整版 + 源码 已下载7916次
完整版+源码 中有示例可以查看 可以再服务器 IIS、Tomcat等下发布、或者在VS 等IDE下运营查看
项目开发,可以选择下载[1.2.6.0 .Net 版本] UTF-8版 已下载2374次 GBK版 已下载924次
.net版本适合在.net环境下开发,如果您是PHP或者JAVA用户,请在官网选择适合自己的版本下载学习使用
遇到的问题集锦
1.关于百度富文本编辑器ueditor的.NET版本地图片上传提示uploader类同时存在于两个dll中的解决方法
错误 7 类型“Uploader”同时存在于“C:UsersguanhpAppDataLocalTempTemporary ASP.NET Files ootdf2ef4b9\_shadow58e61c8c411397065830307454App_Web_uploader.cs.d026ad6.zqddrfcy.dll”和“E:富文本编辑器 样例UEditorUEditorUEditor1.2.6.0”中 e:富文本编辑器 样例UEditorUEditorUEditor1.2.6.0contentueditor etfileUp.ashx 30 9 UEditor1.2.6.0
[解决方法]
错误信息为“ueditor 类型“Uploader”同时存在于”........",大致的意思就是Uploader这个类存在于两个dll中,然后运行的时候就冲突了,服务器不知道该怎么做了......
ueditor的net文件夹下的Uploader.cs文件的生成操作属性默认是“编辑”,只需要将这个文件的生成操作属性改为“内容”,上传图片的功能就可以正常成功使用了!
另:如果你的服务器Framework版本低于4.0,那么你需要将net文件下的webconfig文件删除掉,才能正常使用ueditor!