您的位置:首页 > Web前端 > 其它 > 正文

asp.net中使用ueditor

更多 时间:2015-6-14 类别:Web前端 浏览量:286

asp.net中使用ueditor

asp.net中使用ueditor

一、asp.net中使用ueditor简单步骤

 

1、在你要使用的地方调用吧,首先引用两段js,一个配置,一个ueditor

例如

  • 
    
    <script src="../ueditor/ueditor.config.js" type="text/javascript"></script> 
    
    
    <script src="../ueditor/ueditor.all.min.js" type="text/javascript"></script> 
    
    		
  •  

    2、对ueditor的初始化

  • 
    
    <li id="myEditor" style="height:500px;"></li> 
    
    <script type="text/javascript"> 
    
    var temp = document.getElementById("<%=hd_content.ClientID %>").value; 
    var ue = new baidu.editor.ui.Editor(); 
    ue.render("myEditor");   //这里填写要改变为编辑器的控件id 
    ue.ready(function () { ue.setContent(temp); }) 
    
    </script> 
    
    		
  •  

    3、保存编辑器数据的方法

  • 
    
    <asp:Button ID="BtnSave" runat="server" Text="保存" onclick="BtnSave_Click" OnClientClick="return getContent();" CssClass="cssbtn" />  
    
    <script type="text/javascript"> 
    
    function getContent() { 
    var temp = UE.getEditor('myEditor').getContent(); 
    document.getElementById("<%=hd_content.ClientID %>").value = temp; 
    } 
    
    </script> 
    
    		
  •  

    二、Ueditor在ASP.NET的配置

     

    1、添加一个webform,命名为Ueditor.  然后导入Ueditor的相关文件,找到editor_config.js修改 Url

     

    2、上面的是editor_config.js文件,下面的是Ueditor.aspx页面

     

    3、在文本框中我们看见,有文字出现,如果你不需要出现文字,我们找到editor_config.js文件打开,照着下面的图片修改

     

    4、在editor_config.js,你可以根据你自己的需要修改相关内容

     

    5、Net目录中的文件介绍,及其路径的修改,如下图

     

    6、编辑器实现基类

     

    标签:编辑器
  • 上一篇:webapp隐藏地址栏
  • 下一篇:html5 video标签
  • 您可能感兴趣