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、编辑器实现基类

    标签: