专栏首页kwcodeAsp.Net使用编辑器(ueditor)

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

相关文章

  • MVC分部视图@Html.Partial

      加载分布视图的方式: //1、以视图名使用当前文件夹下的视图(如果没有找到,则搜索 Shared 文件夹) @Html.Partial("_...

    纯粹是糖
  • Ajax jsonp 跨域请求实例

    跨域请求 JSONP的缺点则是:它只支持GET请求而不支持POST等其它类型的HTTP请求;它只支持跨域HTTP请求这种情况,不能解决不同域的两个页面之间如何进...

    纯粹是糖
  • 微信小程序调用接口返回数据或提交数据

    由于小程序发起网络请求需要通过 wx.request 文档地址 https://mp.weixin.qq.com/debug/wxadoc/dev/api/ne...

    纯粹是糖
  • 原 node和c#语言对比

    魂祭心
  • Python3 破冰

    1.模块的调用 python有个很强大的功能,便于我们运维及研发人员,快速开发快速集成,就是模块导入,python已经集成了各种各样的功能模块供我们脚本的调用,...

    py3study
  • 腾讯AI加速器三期成员名单公布,下一只独角兽是你吗?

    2019年8月16日,腾讯产业加速器系列的AI加速器三期名单出炉。听云科技、亮亮视野、贝尔科教等30个项目从1500个报名者中脱颖而出、榜上有名,录取率仅2%,...

    量子位
  • Kali linux发布新版本了,一起来看看都有什么新功能吧

    终于更新了!Kali官方近日正式宣布推出Kali Linux 2017.1滚动发行版,它带来了一系列令人兴奋的更新和功能。与所有新版本一样,您可以使用更新的软件...

    FB客服
  • 解决WordPress修改数据库表前缀后无法登陆的问题

    昨晚,MOREOPEN 博友重装 WordPress 后发现没有任何内容,帮忙解决时,发现他的数据库居然有 3 种前缀,看来是多次安装的时没填的前缀不一致造成的...

    张戈
  • MyBatis 操作数据oracle 奇怪的乱码

    oracle 服务端的编码   NLS_LANG SIMPLIFIED CHINESE_CHINA.ZHS16GBK ? 两个编码集是一样的 排查代码 虽然整...

    冷冷
  • 学界 | ImageNet 带来的预训练模型之风,马上要吹进 NLP 领域了

    AI 科技评论按:对于计算机视觉领域的研究人员、产品开发人员来说,在 ImageNet 上预训练模型然后再用自己的任务专用数据训练模型已经成了惯例。但是自然语言...

    AI科技评论

扫码关注云+社区

领取腾讯云代金券