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