主页 / 网络编程 /

.NET UEditor使用方法说明

网络编程 2021-07-04 22:40www.168986.cn编程入门
.NET UEditor使用方法说明，需要的朋友可以参考一下

在页面引用

代码如下:

<script src="Ueditor/editor_all.js" type="text/javascript"></script>
<script src="Ueditor/editor_config.js" type="text/javascript"></script>
<link href="Ueditor/themes/default/ueditor.css" rel="stylesheet" type="text/css" />

在页面加载控件
代码如下:

<textarea id="txteditor" name="txteditor" runat="server" cols="20" rows="2">
<p>请输入商品介绍</p>
</textarea>
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor();
editor.render('txteditor');

//1.2.4以后可以使用一下代码实例化编辑器
UE.getEditor('txteditor')


</script>
<br />
<br />
<input id="Submit1" type="submit" value="submit" />


这里用textarea用DIV也行 在后台复制的时候不用能用DIV这个问题搞了我好久，

官网说的用

代码如下:

<script type="text/plain" id="editor">

    //从数据库中取出文章内容打印到此处
</script>


这个地方没搞
这里我只用的textarea
用POST提交 接收用Request.Form["txteditor"]
后台给UEditor赋值  this.txteditor.InnerText="";

注意你上传图片 文件视频 fileUp.ashx ，imageUp.ashx，scrawlUp.ashx 文件路径修改你自己的路径
 Assembly Src="~/Ueditor//Uploader.cs"

修改 editor_config.js文件 URL = window.UEDITOR_HOME_URL || "/UeditorDemo/Ueditor/"; 你的UEditor路径 UeditorDemo是我的网站名称

[1.2.4.0 .Net 版本] 可以直接写成 URL = window.UEDITOR_HOME_URL || "/Ueditor/";  //Ueditor 是你的Ueditor文件名称

web.config
<pages validateRequest="false" />
<httpRuntime requestValidationMode="2.0" />

上一篇：.NET常用Request获取信息总结 下一篇：.net中mshtml处理html的方法

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by