.NET UEditor使用方法说明
更新时间:2021年9月22日 10:16 点击:1431
在页面引用
复制代码 代码如下:
<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/net/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" />
上一篇: 浅谈类型转换操作符is/as
下一篇: dhtmlxGrid 添加行号详细步骤
相关文章
- 本案例非通用,仅作笔记以备用 修改后的结果是 百度编辑器里上传的图片路径为/d/file/upload1...2014-07-03
- 这篇文章主要介绍了如何在.Net版本UEditor中添加一个普通按钮,需要的朋友可以参考下...2021-09-22
一步步教你在Asp.net Mvc中使用UEditor编辑器
大家都知道ueditor是百度编辑器,目前使用也比较广泛,下面这篇文章主要是通过一步步的步骤教大家在Asp.net Mvc中使用UEditor编辑器,需要的朋友可以参考借鉴,下面来一起看看吧。...2021-09-22yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
这篇文章主要介绍了yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法的相关资料,需要的朋友可以参考下...2016-04-23- 使用ueditor编辑器,附件默认在ueditorphpupload, 但是大家的附件地址的默认路径可不是这个 ,需要修改ueditor,具体如何操作呢,下面我们就来详细讲解下...2016-10-20
.NET下为百度文本编辑器UEditor增加图片删除功能示例
今天下载了目前最新版1.2.5为版本看更新记录,主要是对表格做个修改,我下载用上,我靠,上传图片的删除功能给取消了,下面与大家分享下增加图片删除功能示例...2021-09-22- 一不小心看到百度出了一个编辑器ueditor,不过人气好像不高看了看功能啥的都还不错,可能推广还不够吧,受众群也不大。 官方网站:http://ueditor.baidu.com...2013-05-18
- 这篇文章主要介绍了thinkPHP下ueditor的使用方法,结合实例形式较为详细的讲述了thinkPHP下使用ueditor的具体步骤与相关技巧,需要的朋友可以参考下...2015-12-28
- 本文给大家讲解的是如何在ASP.NET中集成百度编辑器UEditor的方法和具体的步奏,十分的详细,有需要的小伙伴可以参考下。...2021-09-22
- 一、ueditor介绍UEditor是由WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议,所有源代码在协议允许范围内可自由修改 ...2013-07-30
利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
这篇文章主要介绍了利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下...2021-09-22- .NET UEditor使用方法说明,需要的朋友可以参考一下...2021-09-22