asp.net中使用ueditor

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

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

最初百度了一下“编辑器的选择”，可供选择的也有好多，使用的较多的有ckeditor、kindeditor、markItUp、ueditor等等。html

一开始考虑到ckeditor使用者多、项目中也用到过、也是国外开源的一个不错项目，就选择了ckeditor。在使用一段时间后发现ckeditor有不少地方不符合国人的习惯，首行缩进2个汉字，是我最不能忍的一点。还有就是咱们常常用到的“插入代码”功能，插入的代码中的符号居然都被转义了。java

而ueditor比较符合咱们的使用习惯，之前试用了下，因为起步晚，有不少bug，没有选择他。最近我去ueditor官网看了下，更新到1.2.6.1了，再次试用下，不少bug都修正了。因而乎，如今又用上了他，好，废话结束。下面具体使用方法：web

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是获取数据库内容信息ui

 
      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.最后，就是保存数据的方法spa

 
      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真的不错。