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;
        }
    }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏老马说编程

(22) 代码的组织机制 / 计算机程序的思维逻辑

使用任何语言进行编程都有一个类似的问题,那就是如何组织代码,具体来说,如何避免命名冲突?如何合理组织各种源文件?如何使用第三方库?各种代码和依赖库如何编译连接为...

17710
来自专栏闻道于事

JavaWeb(一)JSP原理,组成

JSP(Java sever pages):一种用于开发动态web页面(资源)的技术。 jsp页面是在服务器上运行的一个页面,一个jsp页面就是一个类。写jsp...

2988
来自专栏程序员的SOD蜜

彻底关闭Excle进程的几个方法

之前研究过的问题,最近有朋友问,这里再总结下做一个笔记。 我们在应用程序里面通过创建Excle应用对象打开Excle的情况下,如果不注意几个问题,可能无法彻底关...

2924
来自专栏PHP技术

YII运行原理

应用执行流程: 浏览器向服务器发送 Http Request | 控制器(protected/controllers) | |—> Action | 创建模型 ...

3166
来自专栏大内老A

ASP.NET MVC以ValueProvider为核心的值提供系统: ValueProviderFactory

在ASP.NET Model绑定系统中,用于提供数据值的ValueProvider对象通过ValueProviderFactory来创建。在ASP.NET MV...

1918
来自专栏技术小讲堂

探寻ASP.NET MVC鲜为人知的奥秘(3):寻找多语言的最佳实践方式

如果你的网站需要被世界各地的人访问,访问者会使用各种不同的语言和文字书写习惯,那么创建一个支持多语言的网站就是十分必要的了,这一篇文章就讲述怎么快速合理的创建网...

2688
来自专栏技术专栏

慕课网Flask构建可扩展的RESTful API-7. 权限控制

1.204 的HTTP状态码代表的是NO CONTENT,无内容。所以如果状态码是204,那么无论返回什么,前端都接受不到,但是我们要尽量返回格式化的信息,让前...

984
来自专栏屈定‘s Blog

Java--为什么需要主动关闭文件?

在Java编程中,对于一些文件的使用往往需要主动释放,比如InputStream,OutputStream,SocketChannel等等,那么有没有想过为什么...

1789
来自专栏大内老A

[ASP.NET MVC]如何定制Numeric属性/字段验证消息

对于一个Numeric属性/字段,ASP.NET MVC会自动进行数据类型的验证(客户端验证),以确保输入的是一个有效的数字,但是呈现在页面上的错误消息总是一段...

21410
来自专栏爱撒谎的男孩

Springmvc响应Ajax请求(@ResponseBody)

6927

扫码关注云+社区