百度文本编辑器在asp.net 中的应用

第一步:下载百度文本编辑器: ueditor1_4_3_3-gbk-net.zip , 并把它拷贝到网站根目录下面(可以参考下里面Index.html 里面的调用案例)

第二步:在前台aspx页面加入代码:

  

    
     <script type="text/javascript" charset="gbk" src="../ueditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="gbk" src="../ueditor/ueditor.all.min.js"> </script>
    <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
    <script type="text/javascript" charset="gbk" src="../ueditor/lang/zh-cn/zh-cn.js"></script>
    	<script type="text/javascript">
 	        function getContent() {
 	            var temp = UE.getEditor('editor').getContent();
  	            //alert(temp);
 	            document.getElementById("<%=hd_content.ClientID %>").value = temp;
 	            //alert(temp);
 	          
	        }
	    </script>

</head>
<body>
    <form id="form1" runat="server">
   <table style=" width:600px;"  aligin="center" cellpadding="6"  cellspacing="2" >
      <tr>
            <td style=" height:25px;">
                内容:</td>
            <td>
                     <div>
                        <script id="editor" type="text/plain" style="width: 900px; height: 500px;"></script>
                        <script type="text/javascript">
                            UE.getEditor('editor');
                        </script>
                    </div>
                    <asp:HiddenField ID="hd_content" runat="server" Value="" />
                     
            </td>
        </tr> 
                 
        
        <tr>
            
            <td colspan="2" align="center"  style=" height:50px;">
                <asp:ImageButton ID="btnSave" runat="server" OnClientClick="return getContent();"  Text="保存" ImageUrl="../Images/published_7.jpg" onclick="btnSave_Click" />
                  
                <a href="CompanyList.aspx" style="text-decoration:underline;"  >返回</a>
            </td>
        </tr>
    </table>
 


后台调用:采用C#编写:

    public bool SaveData()
    {
        try
        {
            StringBuilder strSql = new StringBuilder();
            strSql.Append("update qb_news_content2 set ");         
            strSql.Append("Introduction=@Introduction");
            strSql.Append(" where EnterpriseID=@EnterpriseID");
            SqlParameter[] parameters = {				 
                    new SqlParameter("@Introduction", SqlDbType.NVarChar),
                    new SqlParameter("@EnterpriseID", SqlDbType.Int,4)};
         
            parameters[0].Value = this.hd_content.Value.Trim();
            parameters[1].Value = Request.QueryString["NewsID"];
            int rows = SNS.Lib.Conn.SNSAccess.ExecuteSql(strSql.ToString(), parameters);
            if (rows > 0)
            {
                return true;
            }
        }
        catch (Exception ex)
        {
            Response.Write(ex.Message);
        }
        return false;
    }


同理可得: 数据显示也用隐藏域来间接调用:this.hd_content.Value = row["content"].ToString();

怎样在前台显示数据内容呢?这个才是重点:(参考资料:http://www.cnblogs.com/ben121011/p/4541837.html)

 
   <script type="text/javascript">
                            var obj  = UE.getEditor('editor');


                            obj.ready(function () {
                                var temp = document.getElementById("<%=hd_content.ClientID %>").value;
                                alert(temp);
                                this.setContent(temp, true);
                            })                        
                           
                            
                        </script>

这样就OK了








          
展开阅读全文

没有更多推荐了,返回首页