ASP.NET使用百度的UEditor

1、配置
    ①将UEditor解压后,放置到网站根目录
    ②配置路径

    直接上代码吧,代码是检验真理的不二标准

    

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WriteLog.aspx.cs" Inherits="Web.WriteLog" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>编写文章</title>
    <script src="ueditor/editor_config.js" type="text/javascript"></script>
     <script src="ueditor/editor_all.js" type="text/javascript"></script>
     <link rel="Stylesheet" type="text/css" href="ueditor/themes/default/ueditor.css" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="myEditorValue" style="display:none;">文章</div>
    <div name="myEditor" id="myEditor"></div>   
    <asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
    </form>
</body>
<script type="text/javascript">

    var editor = new baidu.editor.ui.Editor({
        UEDITOR_HOME_URL: '/uedit/',
        iframeCssUrl: '/uedit/themes/default/iframe.css',
        initialContent: '在这里输入你的文字',
        minFrameHeight: 550
    });

    //将编辑器渲染到容器
    editor.render('myEditor');

    editor.setContent(document.getElementById('myEditorValue').innerHTML);

    document.getElementById('myEditorValue').innerHTML = "";

    </script>

</html>
    后台代码
    
protected void btnSubmit_Click(object sender, EventArgs e)
        {
            if (Request.Params["myEditor"] == null)
            {
                ClientScript.RegisterClientScriptBlock(this.GetType(), "s", "alert('" + "没有任何内容" + "')", true);
            }
            else
            {
                ClientScript.RegisterClientScriptBlock(this.GetType(), "s", "alert('" + Request.Params["myEditor"] + "')", true);
            }
            
        }
    当然,这个方法并不完善,会报 从客户端(myEditor="<p>文章</p>")中检测到有潜在危险的 Request.Form 值 ,你可以将ValidateRequest="false",但是这个方法并不好,给网站增加了很多风险

知识共享许可协议
《ASP.NET使用百度的UEditor》常伟华 创作。
采用 知识共享 署名-相同方式共享 3.0 中国大陆 许可协议进行许可。
相邻依据:发表时间
  • 多说评论
  • 签名
  • 新浪微博
  • 默认评论
  • Tab Header 5

1 条评论 / 点击此处发表评论

Tab Content 5

开发技术


开发平台和工具

sitemap     158.55ms