在asp.net 使用Ueditor
阿新 • • 發佈:2017-11-27
render dialog 括號 name 路徑 color 獲取 lur lba
<link rel="stylesheet" href="../editor/themes/default/dialogbase.css" />
var editor = new baidu.editor.ui.Editor();
editor.render("<%=myEditor.ClientID%>");
</script>3.修改工具欄
一.配置方法
1.下載Ueditor 的.net版 解壓放進項目文件夾後.
2.在項目中添加 "newtonsoft.Json.dll"引用
3.在Ueditor的配置文件(/ueditor/editor_config.js)中配置URL為你的項目路徑
//為編輯器實例添加一個路徑,這個不能被註釋
UEDITOR_HOME_URL:/ueditor/
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" />
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的控件的ID
二.操作方法
1.設置只讀
var ue=new UE.ui.Editor({readonly:true,})
2.獲取Ueditor的內容
string text= Server.HtmlDecode( myEditor.InnerHtml);
3.修改工具欄
var ue= new baidu.editor.ui.Editor({ toolbars: [‘bold‘,‘undo‘,‘redo‘]});
在方括號裏輸入你想要的 工具欄控件即可,若[]留空,則不顯示工具欄,可用於單純的查看
在asp.net 使用Ueditor