.NET UEditor使用方法说明_asp.net教程-查字典教程网
.NET UEditor使用方法说明
.NET UEditor使用方法说明
发布时间:2016-12-29 来源:查字典编辑
摘要:在页面引用复制代码代码如下:在页面加载控件复制代码代码如下:请输入商品介绍vareditor=newbaidu.editor.ui.Edit...

在页面引用

复制代码 代码如下:

<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" />

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新asp.net教程学习
    热门asp.net教程学习
    编程开发子分类