原文地址:http://blog.uoolo.com/Article/16

还有在MVC中使用ueditor:http://blog.uoolo.com/Article/111

最初百度了一下“编辑器的选择”,可供选择的也有好多,使用的较多的有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的更多相关文章

  1. asp.net中使用ueditor 1.3.6上传图片问题

    在asp.net中使用ueditor 1.3.6版本上传图片时,出现上传成功但是,图片无法正常显示的问题,解决方法如下: 只需要将imageUp.ashx中的info = up.upFile(cont ...

  2. ASP.NET中UEditor使用

    ASP.NET中UEditor使用 0.ueditor简介 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点.开源基于BSD协议,所有源代 ...

  3. KindEditor编辑器在ASP.NET中的使用

    KindEditor编辑器在ASP.NET中的使用 最近做的项目中都有用到富文本编辑器,一直在寻找最后用的富文本编辑器,之前用过CKEditor,也用过UEditor,这次打算用 一下KindEdit ...

  4. ASP.net core 使用UEditor.Core 实现 ueditor 上传功能

    ASP.net core 使用UEditor.Core 实现 ueditor 上传功能 首先通过nuget 引用UEditor.Core,作者github:https://github.com/bai ...

  5. ASP.NET中常用的优化性能的方法

    1. 数据库访问性能优化 数据库的连接和关闭 访问数据库资源需要创建连接.打开连接和关闭连接几个操作.这些过程需要多次与数据库交换信息以通过身份验证,比较耗费服务器资源.ASP.NET中提供了连接池( ...

  6. asp.net中ashx生成验证码代码放在Linux(centos)主机上访问时无法显示问题

    最近有个项目加入了验证码功能,就从自己博客以前的代码中找到直接使用,直接访问验证码页面报错如下: 源代码:asp.net中使用一般处理程序生成验证码 Application Exception Sys ...

  7. ASP.NET中Session的sessionState 4种mode模式

    1. sessionState的4种mode模式 在ASP.NET中Session的sessionState的4中mode模式:Off.InProc.StateServer及SqlServer. 2. ...

  8. Asp.net中存储过程拖拽至dbml文件中,提示无法获得返回值

    Asp.net中存储过程拖拽至dbml文件中,提示无法获得返回值,去属性表中设置这时候会提示你去属性表中更改返回类型. 其实存储过程返回的也是一张表,只不过有时候存储过程有点复杂或者写法不规范的话不能 ...

  9. ASP.NET中后台数据和前台控件的绑定

    关于ASP.NET中后台数据库和前台的数据控件的绑定问题 最近一直在学习个知识点,自己创建了SQL Server数据库表,想在ASP.NET中连接数据库,并把数据库中的数据显示在前台,注意,这里的数据 ...

随机推荐

  1. iOS YSKit系列

    YSKit是基于object-c的一套常用功能点的总结,都是我们在平时开发的过程中遇到的.这个框架将会慢慢地完善,由于本人精力有限,有时可能更新得相对慢一点.如果发现代码里有错误,也欢迎提出. 1.常 ...

  2. JavaScript 火的有点过头了,但又能火多久呢?

    2016年的前端是遍地开花的一年,各种前端框架,各种库,学都学不完,反正在前端的世界里,没有什么是JavaScript实现不了的... JavaScript 你还能再火几年?? 前些年node被捧上天 ...

  3. Java-基础练习2

    1.利用文本编辑器输入课堂上练习的Hello.java,并在JDK环境下编译和运行.请将程序编译.运行的结果截图,填入下框中. class Hello{ public static void main ...

  4. xml Schema import

    first_.xsd <?xml version="1.0" encoding="UTF-8"?> <xs:schema xmlns:xs=& ...

  5. DataGridView列排序混乱的处理方法

    在C#程序开发中DataGridView可以说是使用最多的数据呈现控件了,但是在使用的过程中我们会发现当绑定的数据源有较多数据列的时候,DataGridView上显示的列的顺序就会出现混乱的现象. 那 ...

  6. iOS上应用如何兼容32位系统和64位系统

    在苹果推出iPhone5S时,64位的应用就走到了眼前.当时就看见苹果官方资料宣布iOS7.x的SDK支持了64位的应用,而且内置的应用都已经是64位. 我记得自己刚刚接触电脑时还有16位的系统,指针 ...

  7. JAVA学习绘图颜色及其笔画属性设置字体显示文字

    package com.graphics; import java.awt.*; import java.awt.geom.Rectangle2D; import java.util.Date; im ...

  8. react native TypeError network request failed

        如果使用fetch获取数据,用的是POST方法,注意headers要添加请求头.当请求为GET时不能用body,当为POST时必须包含body,设置头部之后就一切正常了.   fetch(&q ...

  9. ios7 UITableView 分割线在 使用selectedBackgroundView 选中时有些不显示

    UITableView  选中cell ,默认会有一个灰色的背景遮罩效果,这个灰色遮罩就是cell 自带的 selectedBackgroundView 我们可以设置selectedBackgroun ...

  10. IOS6屏幕旋转详解(自动旋转、手动旋转、兼容IOS6之前系统)

    转自 http://blog.csdn.net/zzfsuiye/article/details/8251060 概述: 在iOS6之前的版本中,通常使用 shouldAutorotateToInte ...