在asp.net 使用Ueditor

一.配置方法

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 baidu.editor.ui.Editor({readonly:true,})

2.获取Ueditor的内容

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

3.修改工具栏

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

在方括号里输入你想要的 工具栏控件即可,若[]留空,则不显示工具栏,可用于单纯的查看

posted @ 2017-11-27 18:41  Ding_Dong  阅读(960)  评论(0编辑  收藏  举报