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;
}
}
- 初试git+github(linux环境)
- Raspberry PI Nginx 安装
- 微信支付-Java-SpringMVC基础一些代码支持
- 使用Kafka的High Level Consumer
- 微信公众号发送模板消息 Java实现。
- [Intellij IDEA]File size exceeds configured limit
- 那些年Struts 1.X 而今我还是不会
- 关于MySQL DNS解析探究之一:DNS解析确实在起作用
- 每一个程序员需要了解的10个Linux命令
- 实战案例 | 使用机器学习和大数据预测心脏病
- 关于JVM直接内存触发Full GC
- 极客DIY:通过树莓派发送摩斯码
- Hadoop SequnceFile.Writer 压缩模式及压缩库浅析
- Thrift抛直接内存OOM一点解决思路
- 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 数组属性和方法
- linux上搭建私有Git服务器的详细教程
- Centos7 安装 Mysql8教程
- linux下快速列出局域网中所有主机名(计算机名)的脚本
- 详解Linux重定向用法
- Zabbix基于snmp实现监控linux主机
- 快速解决linux下中文输入法问题
- Linux实现文件内容去重及求交并差集
- Linux rpm、yum指令及使用方法详解
- Linux下遇到PyCurl的错误解决方法
- Linux cut 命令详解
- linux下安装ffmpeg的详细教程
- 如何利用Gitlab-ci持续部署到远程机器(详细教程)
- Linux常用命令之grep命令用法详解
- 详解Linux动态库生成与使用指南
- Vue 3 入门基础知识