asp.net中使用ueditor

原文地址：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真的不錯。