分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

在asp.net 使用Ueditor

发布时间:2023-09-06 01:27责任编辑:熊小新关键词:暂无标签

一.配置方法

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved