asp.net中使用ueditor
来源:互联网 发布:开淘宝网店怎么找货源 编辑:程序博客网 时间:2024/06/05 19:30
asp.net中使用ueditor
原文地址:http://www.daidaiwa.com/ArticleDetail/2013/9/1/16.html
最初百度了一下“编辑器的选择”,可供选择的也有好多,使用的较多的有ckeditor、kindeditor、markItUp、ueditor等等。
一开始考虑到ckeditor使用者多、项目中也用到过、也是国外开源的一个不错项目,就选择了ckeditor。在使用一段时间后发现ckeditor有很多地方不符合国人的习惯,首行缩进2个汉字,是我最不能忍的一点。还有就是我们经常用到的“插入代码”功能,插入的代码中的符号竟然都被转义了。
而ueditor比较符合我们的使用习惯,以前试用了下,由于起步晚,有很多bug,没有选择他。最近我去ueditor官网看了下,更新到1.2.6.1了,再次试用下,很多bug都修正了。于是乎,现在又用上了他,好,废话结束。下面具体使用方法:
1.下载,官网地址:http://ueditor.baidu.com/website/download.html#ueditor 我下载的.net utf-8的。
2.解压缩后放入到项目中去
3.在你要使用的地方调用吧,首先引用两段js,一个配置,一个ueditor
1
<
script
src
=
"../Public/ueditor/ueditor.config.js"
type
=
"text/javascript"
></
script
>
2
<
script
src
=
"../Public/ueditor/ueditor.all.min.js"
type
=
"text/javascript"
></
script
>
4.然后就是对ueditor的初始化,以下代码中的temp是获取数据库内容信息
1
<
div
id
=
"myEditor"
style
=
"height:500px;"
></
div
>
2
<
script
type
=
"text/javascript"
>
3
var temp = document.getElementById("<%=hd_content.ClientID %>").value;
4
var ue = new baidu.editor.ui.Editor();
5
ue.render("myEditor"); //这里填写要改变为编辑器的控件id
6
ue.ready(function () { ue.setContent(temp); })
7
</
script
>
5.最后,就是保存数据的方法
1
<
asp:Button
ID
=
"BtnSave"
runat
=
"server"
Text
=
"保存"
onclick
=
"BtnSave_Click"
OnClientClick
=
"return getContent();"
CssClass
=
"cssbtn"
/>
2
<
script
type
=
"text/javascript"
>
3
function getContent() {
4
var temp = UE.getEditor('myEditor').getContent();
5
//alert(temp);
6
document.getElementById("<%=hd_content.ClientID %>").value = temp;
7
}
8
</
script
>
附:我使用到的hd_content只是为了中转内容的。放在body的form内就行了。
1
<
asp:HiddenField
ID
=
"hd_content"
runat
=
"server"
Value
=
""
/>
总结:1.ueditor现在版本,路径真的不要再配置了,ueditor的开发者都已经做好了,比以前方便很多;2..net版本还要注意上传的问题,有个文件默认编译的,要改成内容(如果你是发布网站),右键该文件属性,就能找到了。
哈哈,ueditor真的不错。
- asp.net中使用ueditor
- Asp.net Mvc 中使用UEditor
- ASP.NET使用UEditor
- 百度ueditor编辑器在Asp.Net中使用
- 在ASP.NET Core中使用百度在线编辑器UEditor
- 在ASP.NET Core中使用百度在线编辑器UEditor
- ASP.NET使用UEditor入门与常见问题
- asp.net mvc4使用百度ueditor编辑器
- asp.net 使用Ueditor过程中出现的问题及解决办法
- 在asp.net mvc中使用百度UEditor初始化内容遇到自数据库中读取的html字符串在UEditor中始终是html编码的问题
- asp.net中对UEditor编辑器的一些操作
- ASP.NET MVC使用UEditor,并与Controller共享
- ASP.NET MVC使用UEditor,并与Controller共享
- ASP.NET使用百度编辑器(UEditor)使用方法
- ASP.NET使用百度编辑器(UEditor)方法
- yii中使用ueditor
- YII 中使用Ueditor
- JSF中使用UEditor
- Java 命名规范
- hdu 4288 Coder
- sgu206
- 对于View类的requestLayout()方法理解:
- C++10.3.5 map : : insert 的使用(下)(有不懂)
- asp.net中使用ueditor
- 文章标题
- Android控件点击事件的返回值,
- Android的事件处理-android学习之旅(四十四)
- 关于Activity的全屏显示设置。
- gdb 多线程调试
- 处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误模块“ManagedPipelineHandler”
- Android应用的自动升级、更新模块的实现
- leetcode--Reverse Linked List II