首页 > Web开发 > 详细

在asp.net 使用Ueditor

时间:2017-11-27 19:47:25      阅读:247      评论:0      收藏:0      [点我收藏+]

一.配置方法

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!