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 条评论
登录 后参与评论

相关文章

来自专栏听雨堂

前后端协调处理checkbox

需求:页面属于一个弹出窗体,查询结果,用checkbox展示,选择后,把选中的结果传递给调用页面。 由于要取得后端写的checkbox控件的值,所以在后端处理最...

2016
来自专栏哲学驱动设计

091019 T AddIn

Add-In,也叫Plug-In,可以在程序编译完成后,嵌入到程序当中的一些模块。 在.net环境下实现这个功能,命名空间为:System.AddIn。 主要是...

1905
来自专栏自动化测试实战

《selenium2 python 自动化测试实战》(5)——键盘事件

3686
来自专栏小李刀刀的专栏

[译]Laravel 5.0 之自定义错误页面

本文译自 Matt Stauffer 的系列文章. ---- 在以往版本的 Laravel 中,假如你想自定义错误页面——比如当用户访问不存在的页面时显示一张猫...

3685
来自专栏林德熙的博客

win10 uwp 存放网络图片到本地 下载图片保存图片从本地打开所有代码Nuget安装

有时候我们的网络很垃圾,我的的UWP要在第一次打开网络图片,就把图片存放到本地,下次可以从本地打开。 有时候用户使用的是流量网络,不能每次都联网下载。 我们不得...

671
来自专栏跟着阿笨一起玩NET

关于.NET邮件的收发问题总结

        最近因为项目需要,研究了一下邮件的发送和接收,发现现在这方面的问题很多.虽然网上这方面的资料很多,但是真正应用起来 仍然会发现不少问题,而且很多...

731
来自专栏依乐祝

Asp.Net Core Web Api图片上传(一)

阅读本文章,需要你具备asp.net core的基础知识,至少能够创建一个Asp.Net Core Web Api项目吧!其次,我不会跟你说MongoDB是什么...

3261
来自专栏技术博客

WCF HttpContext.Current为空的问题

原来在项目中使用HttpContext.Current没什么问题,但是到了中期阶段,项目重构等,并且要求使用WCF,所以就出现了HttpContext.Curr...

892
来自专栏偏前端工程师的驿站

网页优化系列二:使用Cache缓存静态文件、图片(asp.net版)

  网站中存在一些不会经常变更的内容如静态文件、图片等,我们称之为静态资源。针对这些静态资源使用cache缓存到客户端中,以减少用户再次浏览该网页时的请求量,从...

2327
来自专栏晓晨的专栏

asp.net mvc 实现上传文件带进度条

2242

扫码关注云+社区