华域联盟 .Net .NET UEditor使用方法说明

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

您可能感兴趣的文章:

  • .NET下为百度文本编辑器UEditor增加图片删除功能示例
  • ASP.NET中集成百度编辑器UEditor
  • 如何在.Net版本UEditor中添加一个普通按钮
  • 利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
  • 一步步教你在Asp.net Mvc中使用UEditor编辑器
  • UEditor编辑器自定义上传图片或文件路径的修改方法
  • 关于UEditor编辑器远程图片上传失败的解决办法
  • ueditor编辑器不能上传图片问题的解决方法
  • ASP.NET百度Ueditor编辑器实现上传图片添加水印效果

本文由 华域联盟 原创撰写:华域联盟 » .NET UEditor使用方法说明

转载请保留出处和原文链接:https://www.cnhackhy.com/47912.htm

本文来自网络,不代表华域联盟立场,转载请注明出处。

作者: sterben

发表回复

联系我们

联系我们

2551209778

在线咨询: QQ交谈

邮箱: [email protected]

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部