Asp.Net使用编辑器(ueditor)
时间:2022-05-04
本文章向大家介绍Asp.Net使用编辑器(ueditor),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1、 1.4.3以上版本将不再承诺支持ie6/ie7。
2、如果是aspx 需要加上 ValidateRequest="false"
3、Web.config
<system.web>
<httpRuntime requestValidationMode="2.0" maxRequestLength="102400" />
</system.web>
这里使用百度编辑器1.4.3。包可移植官网下载。
http://pan.baidu.com/s/1ntG3Tsl
1、百度编辑器不依赖于 jquery
2、使用服务器控件(runat="server")需要使用 服务器中转赋值内容
如: HTML代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="ueditor1_4_3/ueditor.config.js"></script>
<script src="ueditor1_4_3/ueditor.all.js"></script>
</head>
<body>
<form runat="server">
<!-- 加载编辑器的容器 -->
<script id="editor" name="content" type="text/plain">
</script>
<!--隐藏控件为编辑器赋值用-->
<asp:HiddenField ID="hide_Content" Value="" runat="server" />
<asp:Button runat="server" ID="btn_Add" Text="增加" OnClick="btn_Add_Click" />
<!--点击增加输出到这里-->
<asp:Literal ID="ltMsg" runat="server"></asp:Literal>
</form>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var htmlContent = document.getElementById("<%=this.hide_Content.ClientID%>").value;
//正确的初始化方式 阻止复制的div标签自动转换为p标签
var ue = UE.getEditor('editor', { allowDivTransToP: false });
//正确的初始化方式
ue.ready(function () {
//this是当前创建的编辑器实例
this.setContent(htmlContent)
})
</script>
</body>
</html>
后台cs代码
public partial class index_aspnet : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//初始化赋值
hide_Content.Value = "首次赋值";
}
}
protected void btn_Add_Click(object sender, EventArgs e)
{
string content = Request["content"];
string editorValue = Request["editorValue"];//这个是ueditor.all.js 里面默认的值
ltMsg.Text = hide_Content.Value = content;
}
}
- Python中萌新不知道的小魔法(一)
- 基于Scrapy的全球最大成人网站PornHub爬虫
- Python标准库笔记(7) — copy模块
- Python项目实战——开发网易云音乐插件
- 将已有项目代码通过命令行方式上传到github,简易傻瓜教程(图文)将已有项目代码通过命令行方式上传到github,傻瓜教程(图文)1. 创建一个github项目2. 在Repository name
- mac执行git命令出现xcrun: error: invalid active developer path解决方法
- centos修改主机名
- SSH免密登录,RSA认证登录
- Zookeeper安装部署调试命令
- Facebook 直播是如何承受海量压力的?
- 将 Redis 作为图数据库
- 爬取 Stackoverflow 100 万条问答并简单分析
- Python: 早点知道这些就不会这样了
- 第一个参数:initScans(job)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 使用JMeter测试TCP协议
- SQL使用(一):如何使用SQL语句去查询第二高的值
- OpenCV加载图片显示对应类型(位深度)方法
- 小程序快速入门教程(登录注册、开发工具、文件及结构介绍)
- 面试题-统计字符出现最大次数
- pytorch中文语言模型bert预训练代码
- React环境搭建
- leetcode - 旋转数组的最小数字
- 笔记101 | 文件的压缩与解压笔记
- 诸葛亮vs司马懿,排序算法大战谁能笑到最后?
- Centos密钥登陆,解决云服务器被尝试登陆问题
- Fair Scheduler到Capacity Scheduler 转换工具
- 这可能是把SpringBoot配置文件讲解的最详细的文章了
- 抛出这8个问题,检验一下你到底会不会ThreadLocal,来摸个底~
- 最近合肥降雨不断,给自己做一个天气情况微信定时推送吧