在asp.net 使用Ueditor

一.配置方法

1.下載Ueditor 的.net版 解壓放進項目文件夾後.

2.在項目中添加 "newtonsoft.Json.dll"引用

3.在Ueditor的配置文件(/ueditor/editor_config.js)中配置URL爲你的項目路徑

   //爲編輯器實例添加一個路徑,這個不能被註釋javascript

    UEDITOR_HOME_URL:/ueditor/css

4.在須要使用Ueditor的頁面上引用js文件

<script type="text/javascript" src="../ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="../ueditor/ueditor.all.js"></script>
<link rel="stylesheet" href="../editor/themes/default/dialogbase.css" />java

5.在須要使用Ueditor的頁面調用Ueditor

<textarea id="myEditor" name="myEditor" runat="server" onblur="setUeditor()" style="width: 1030px;
height: 250px;" disabled="disabled"></textarea>編輯器

<script type="text/javascript">
var editor = new baidu.editor.ui.Editor();
editor.render("<%=myEditor.ClientID%>");
</script>工具

注:紅色部分爲調用Ueditor的控件的IDui

二.操做方法

1.設置只讀

var ue=new baidu.editor.ui.Editor({readonly:true,})spa

2.獲取Ueditor的內容

string text= Server.HtmlDecode( myEditor.InnerHtml);.net

3.修改工具欄

var ue= new baidu.editor.ui.Editor({  toolbars: [['bold','undo','redo']]});code

在方括號裏輸入你想要的 工具欄控件便可,若[]留空,則不顯示工具欄,可用於單純的查看server

相關文章
相關標籤/搜索