码迷,mamicode.com
首页 > Web开发 > 详细

在asp.net 使用Ueditor

时间:2017-11-27 20:02:07      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:size   项目文件   文件   ext   link   keyword   end   client   引用   

一.配置方法

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

标签:size   项目文件   文件   ext   link   keyword   end   client   引用   

原文地址:http://www.cnblogs.com/Tjming/p/7905531.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!