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

相关文章

来自专栏cnblogs

requirejs、vue、vuex、vue-route的结合使用,您认为可行吗?

     在五一节之前和一网友讨论前端技术时,对方提到vue、vue-route如果配合requirejs应用。当时的我没有想得很明白,也没能这位网友一个准确的...

22310
来自专栏Flutter入门

Android模块化编译速度解决方案模块化完整方案

在Project目录下添加我们需要的公共的假数据。 如下图所示的是,在编译circle这个module为Application时,自动会在文件夹位置,添加对应...

562
来自专栏Java学习之路

Struts2学习---result结果集 result type:全局结果集:动态结果集带有参数的结果集

这一章节主要介绍如何配置结果集,分为以下几个知识点: 结果集类型(result type) 全局结果集(global types) 动态结果集(dynamic ...

3024
来自专栏木子昭的博客

Java调用Python爬虫

用java调用python的爬虫程序,是一件很有意思的事情, 但解决方法大多不靠谱,作者花了两天的时间,动手实践,最终完全解决了问题 ? java-p...

5439
来自专栏五毛程序员

mybatis代码自动生成

3516
来自专栏有困难要上,没有困难创造困难也要上!

Python运行时动态查看进程内部信息

2635
来自专栏蓝天

log4j日志文件路径设置

假设有如下标准化的目录结构: $HOME |-- log |-- conf |-- bin |-- lib |-- data jar包放在l...

843
来自专栏蛋未明的专栏

IE动态加载CSS link失败

1183
来自专栏前端知识分享

Vue---从后台获取数据vue-resource的使用方法

  作为前端人员,在开发过程中,我们大多数情况都需要从后台请求数据,那么在vue中怎样从后台获取数据呢?接下来,我简单介绍一下vue-resource的使用方法...

531
来自专栏知晓程序

开发 | 如何在微信小程序的页面间传递数据?

我们在之前发布过小程序页面传值方法的简单介绍,说明了在小程序开发中,两种常见的页面之间传值方法。

772

扫描关注云+社区