才开始接触也仅做笔记,由于官方文档较少,我下的1.3.6版,网上查的一些教程也不合适,请对照版本使用
1.下载百度编辑器。解压后放在项目的任意位置
2.在源文件中加入三处代码
head处:
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server"> <script type="text/javascript" charset="utf-8" src="Scripts/ueditor1_3_6-utf8-net/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="Scripts/ueditor1_3_6-utf8-net/ueditor.all.min.js"> </script> <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败--> <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文--> <script type="text/javascript" charset="utf-8" src="Scripts/ueditor1_3_6-utf8-net/lang/zh-cn/zh-cn.js"></script> </asp:Content>
我是用了母版的,就是这个样子,没有母版就是<head></head>之间插入就行了。路径和顺序不要错就行了。
body处:
<div> <script id="editor" type="text/plain" style="width: 100%; height: 300px;"></script> </div> <div> <asp:Button ID="Button_save" runat="server" Text="提交" OnClick="Button_save_Click" /></div>
源文件结尾处:
<div> 内容:</div> <div> <script id="editor" type="text/plain" style="width: 100%; height: 300px;"></script> </div> <div> <asp:Button ID="Button_save" runat="server" Text="提交" OnClick="Button_save_Click" /></div> </div> </div> </div> <script type="text/javascript"> //实例化编辑器 //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor(‘editor‘)就能拿到相关的实例 UE.getEditor(‘editor‘); </script> </asp:Content>
3.现在就可以了,不用任何改动,如果F5可以看见编辑器就成功了。网上说的什么配置ueditor.config.js,删除<%@ Assembly
Src="Uploader.cs"
%>之类的根不需要,但要记住一点,如果要上传图片和附件。在网站发布后要把Config.cs和Uploader.cs拷入发布后的相应位置。发布后这两个文件就没了。网上说的把这两个文件的属性改为“内容”,不过我没找到,估计是因为他们创建的是webform项目,我是直接创建的asp.net网站。
分割线----------------------------------------------------------------------------------------------------------------------
1、关于取值和初始化:
取值:在后台CS文件里直接:
sqlcom.Parameters.AddWithValue("@leirong",Request.Params["editorValue"]);
取得的是UEDITOR里显示内容的源码
初始化:
<script id="editor" type="text/plain" style="width: 100%; height: 300px;">在这里写初始化内容</script>
自带的例子已经很清楚了,可以在后台CS文件里定义一个全局变量在前台引用如:
后台:
public partial class admin_adminnews : System.Web.UI.Page { protected string leirong = string.Empty; protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { leirong="在这里写初始化内容"; } } }
前台:
<div><script id="editor" type="text/plain" style="width:100%;height:300px;"><%=leirong %></script></div>
2、关于配置
在ueditor.config.js中有这一句,是不同页面如果有不同的ueditor的配置,如果想分别配置在aspx文件中的UE.getEditor(‘editor‘); 前面加上这句代码就行了,如果全局是一样的,这个还是注释了吧。
* window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
上传文件大小配置
网上的一些教程说一上来就把net 文件夹下的Web.config删除,但我这样做了不行,把它里的内容加到网站的全局配置文件里也不行,所以就保留着吧
<?xml version="1.0"?> <configuration> <system.web> <compilation debug="true" targetFramework="4.0"/> <httpRuntime requestValidationMode="2.0" maxRequestLength="1024000 "/> <pages validateRequest="false" controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID"></pages> <globalization fileEncoding="utf-8" requestEncoding="utf-8" responseEncoding="utf-8" culture="zh-CN"/> </system.web> </configuration>
我的net文件下的Web.config上传大小是1G,但这还不行因为是用了flash上传的控件,在前端和后台都有判断,全局查找file_size_limit,改成
file_size_limit:"1000 MB", //文件大小限制,此处仅是前端flash选择时候的限制,具体还需要和后端结合判断
后台里的fileUp.ashx文件里:
int size = 1000; //文件大小限制,单位MB,同时在web.config里配置环境默认为100MB
这样就可以了。
上传文件类型:
fileUp.ashx文件里:
string[] filetype = { ".rar", ".doc", ".xls", ".jpg", ".bmp", ".png",".gif",".docx", ".zip", ".pdf", ".txt", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".mov", ".wmv", ".mp4", ".webm" }; //文件允许格式
自加吧,不知道为什么‘"*.*"或".*"都不行
工具栏:
, toolbars:[ [‘fullscreen‘, ‘|‘, ‘undo‘, ‘redo‘, ‘|‘, ‘bold‘, ‘italic‘, ‘underline‘, ‘fontborder‘, ‘strikethrough‘, ‘superscript‘, ‘subscript‘, ‘removeformat‘, ‘formatmatch‘, ‘autotypeset‘, ‘blockquote‘, ‘pasteplain‘, ‘|‘, ‘forecolor‘, ‘backcolor‘, ‘insertorderedlist‘, ‘insertunorderedlist‘, ‘selectall‘, ‘cleardoc‘, ‘|‘, ‘rowspacingtop‘, ‘rowspacingbottom‘, ‘lineheight‘, ‘|‘, ‘customstyle‘, ‘paragraph‘, ‘fontfamily‘, ‘fontsize‘, ‘|‘, ‘directionalityltr‘, ‘directionalityrtl‘, ‘indent‘, ‘|‘, ‘justifyleft‘, ‘justifycenter‘, ‘justifyright‘, ‘justifyjustify‘, ‘|‘, ‘touppercase‘, ‘tolowercase‘, ‘|‘, ‘imagenone‘, ‘imageleft‘, ‘imageright‘, ‘imagecenter‘, ‘|‘, ‘insertimage‘, ‘emotion‘, ‘insertvideo‘, ‘music‘, ‘attachment‘, ‘|‘, ‘horizontal‘, ‘date‘, ‘time‘, ‘snapscreen‘, ‘|‘, ‘inserttable‘, ‘deletetable‘, ‘insertparagraphbeforetable‘, ‘insertrow‘, ‘deleterow‘, ‘insertcol‘, ‘deletecol‘, ‘mergecells‘, ‘mergeright‘, ‘mergedown‘, ‘splittocells‘, ‘splittorows‘, ‘splittocols‘, ‘charts‘, ‘|‘, ‘print‘, ‘preview‘, ‘searchreplace‘] ]
默认是全部都加载的,如果想配置自己的工具栏,去掉注释就可以了。
滚动条:
,autoHeightEnabled:false
其它的像文件上传路径之类的可以在ueditor.config.js写你网站的绝对路径,注释很清楚。