ewebedit在线编辑器详细说明及故障排除

1、 ewebedit在线编辑器详细说明及故障排除eWebEditor上传个别图片时出现:请选择一个有效的文件,支持的格式有(GIF|JPG|JPEG|BMP|PNG)!，让我在WINDOWSXP下使用该组件正常,却在WINDOWS2003上提示,原来是在系统上出了问题.后来GOOGLE了一下才知道是2003的IIS出现了问题，因为是2003的系统,它对ASP的上传文件做出了200K的限制,解决问题方法如下 :先打开:Internet 信息服务(IIS)管理器 (本地计算机 )- 属性 -允许直接编辑配置数据库(N)一定要勾先“允许直接编辑配置数据库(N)”然后在   服务&#

2、160;    里关闭iis admin service服务找到windowssystem32inetsrv下的metabase.xml, 用计事本打开metabase.xml，找到ASPMaxRequestEntityAllowed 把他修改为需要的值，默认为204800，即200K把它修改为51200000保存.然后在   服务     里重启iis admin service服务和Internet 信息服务(IIS)管理器 启动网站服务.先解释下eWebEditor,eWebEditor是一个基于浏

3、览器的在线HTML编辑器，WEB开发人员可以用她把传统的多行文本输入框<textarea>替换为可视化的富文本输入框。eWebEditor主功能不需要在客户端安装任何的组件或控件，操作人员就可以以直觉、易用的界面创建和发布网页内容。eWebEditor是非常容易与您现有的系统集成，简单到您只需要一行代码就可以完成eWebEditor的调用。您可以把eWebEditor应用于各种基于网页的应用系统中，如内容管理系统、邮件系统、论坛系统、新闻发布系统，等与内容发布相关的所有应用系统。如何使用eWebEditor 安装：安装是非常容易的，首先你要做的就是把eWebEditor文件上传到你

4、的网站，请按以下步骤进行：从eWebEditor产品网站下载最新的版本。 先解释下eWebEditor,eWebEditor是一个基于浏览器的在线HTML编辑器，WEB开发人员可以用她把传统的多行文本输入框<textarea>替换为可视化的富文本输入框。eWebEditor主功能不需要在客户端安装任何的组件或控件，操作人员就可以以直觉、易用的界面创建和发布网页内容。eWebEditor是非常容易与您现有的系统集成，简单到您只需要一行代码就可以完成eWebEditor的调用。您可以把eWebEditor应用于各种基于网页的应用系统中，如内容管理系统、邮件系统、论坛系统、新闻发布系统，

5、等与内容发布相关的所有应用系统。如何使用eWebEditor 安装：安装是非常容易的，首先你要做的就是把eWebEditor文件上传到你的网站，请按以下步骤进行：从eWebEditor产品网站下载最新的版本。 解压下载下来的压缩文件到你本机（确定eWebEditor内的目录文件结构层次保持与压缩文件内一致）。 在你的站点上建一个新文件夹，如：/eWebEditor/（最好在要目录下，调用更方便）。 把eWebEditor在的所有文件及目录上传到你站点刚才建立的文件夹中。 运行文件看是否运行正常。OK。  设置：eWebEditor带有后台管理功能，你可以方便对样式，上传文件等进行管理

6、。设置请注意：后台管理的登录地址：./ewebeditor/admin_login.asp 第一次安装请用默认用户admin和密码admin登陆后台，并进入管理页面更改管理用户和密码 建议安装好后，更改数据库名字，以免别人恶意下载，默认数据名为db/ewebeditor.mdb，更改名字后请修改include/startup.asp文件中相关连接 系统自带有几个标准样式，不允许修改，在你新增样式时，最好先预览，然后通过“拷贝标准样式”的方式，以达到快速新增样式的目的，且不易出错  调用：eWebEditor的调用是非常简单，基本上只是在原来的使用中加入一行代码。标准调用：<if

7、rame ID="eWebEditor1" src="/ewebeditor.asp?id=content1&style=standard" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe> 参数说明：/ewebeditor.asp应改为你实际安装的路径 参数id：相关联的表单项名，也就是提交保存页要引用的表单项名，多个调用时，请保证id不同，可参见后面例子 参数sty

8、le：使用的样式名，可以是标准的样式名或自定义的样式名，如果使用标准standard可留空 width,height：根据实际需要设置，eWebEditor将自动调整与其适应 在后台管理中，可以得到每个样式的最佳调用代码 所有入口参数：(即：eWebEditor.asp?后面的参数)id：相关联的保存编辑内容的表单项名，也就是提交保存页要引用的表单项名 style：使用的样式名，可以是标准的样式名或自定义的样式名，如果使用标准standard可留空 originalfilename：相关联的保存上传原文件名列表的表单项名，必须是input类型，可以带onchange事件例子 savefilen

9、ame：相关联的保存上传保存文件名列表的表单项名，必须是input类型，可以带onchange事件例子 savepathfilename：相关联的保存上传保存文件名（带路径）列表的表单项名，必须是input类型，可以带onchange事件例子 例子：新增表单你原来可能是：<textarea name="content1" rows=10 cols=50></textarea> 现在是：<input type="hidden" name="content1" value="">&l

10、t;iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1&style=standard" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe> 或者<textarea name="content1" style="display:none"></textar

11、ea><iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1&style=standard" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe> 例子：修改表单你原来可能是：<textarea name="content1" rows=10 cols=50><%=

12、Server.HTMLEncode(oRs("D_Content")%></textarea>现在是：<input type="hidden" name="content1" value="<%=Server.HTMLEncode(oRs("D_Content")%>"><iframe ID="eWebEditor1" src="/ewebeditor.asp?id=content1&style=standar

13、d" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe> 或者<textarea name="content1" style="display:none"><%=Server.HTMLEncode(oRs("D_Content")%></textarea><iframe ID="eWebEditor

14、1" src="/ewebeditor.asp?id=content1&style=standard" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe> 注意事项：eWebEditor允许在同一表单里有多个，但请保证id在整个网页中是唯一的。即如果已经用了input name=content1第二个调用就要input name=content2之类的。 在使用textarea作为

15、原表单项时，要加入style="display:none"。 在input修改时一定要用value=""，而不是value=”。 一定要在动态加入value值时用Server.HTMLEncode()进行处理，否则有可能内容被截掉。 高级调用：eWebEditor还提供了一些高级调用的方法，如下，但请保证大小写一致：getHTML()：返回编辑器的内容 setHTML( html )：设置编辑器的内容 insertHTML( html )：在当前选择处插入内容 appendHTML( html )：在文档末尾追加内容 setMode( NewMode )

16、：改变当前编辑状态参数NewMode: "CODE"：代码状态 "EDIT"：编辑状态 "TEXT"：文本状态 "VIEW"：预览状态 使用例子如下：在线演示<Script Language=JavaScript>/ 取编辑器内容var sHTML = eWebEditor1.getHTML();/ 设置编辑器内容eWebEditor1.setHTML(<b>Hello My World!</b>);/ 在当前选择处理插入eWebEditor1.insertHTML(This i

17、s Insert Function!);/ 在尾部追加内容eWebEditor1.appendHTML(This is Append Function!);/ 改变编辑器状态为代码编辑状态eWebEditor1.setMode(CODE);</Script> 取值说明：由于eWebEditor有对大表单进行自动处理，所以在取值时有些不同，具体如下：原来是<%sContent = Request.Form("content1")%> 现在是<%For i = 1 To Request.Form("content1").Coun

18、t        sContent = sContent & Request.Form("content1")(i)Next%> 接口：弹窗调用说明：v2.7.5版本后加入了弹窗调用接口的扩充功能，能实现通过一个链接弹窗打开编辑器，并将编辑的内容保存入指定的表单域。在eWebEditor根目录下文件名为PopUp.asp，提供的接口传入参数如下：style : 样式名 form : 要返回或设置值的表单form名 field : 要返回或设置值的表单项textarea名 使用例子如下：在线演

19、示<HTML><BODY><Script Language=JavaScript>function eWebEditorPopUp(style, form, field)         var oPopUp = window.open("PopUp.asp?style="+style+"&form="+form+"&field=&quot;+field, "PopUp"+form+field,

20、"toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes");</Script><FORM ACTION="" METHOD="" NAME="myForm"><TEXTAREA NAME="myField" COLS="50" ROWS="5"></TEXTAREA><INPUT

21、TYPE="BUTTON" VALUE="HTML编辑" ONCLICK="eWebEditorPopUp(s_popup, myForm, myField)"></FORM></BODY>< ML> 接口：前台解释(限制)扩充功能说明：此功能禁用某些标签，如出于安全考虑的Script标签，等。各版本可能有所不同，请参看实际文件中的说明：Function eWebEditor_DeCode(s_Content, sFilters) s_Content : 要转换的数据字符串 s_Filters

22、 : 要过滤掉的格式集，用逗号分隔多个 使用例子如下：先包含扩展功能文件，以下路径相应更改<!#include file = "Include/DeCode.asp"><% 此例只过滤SCRIPT标签，即意味着内容中的客户端脚本不会生效，您可根据实际的需要加入其它标签。sContent = eWebEditor_DeCode(sContent, "SCRIPT")%> 总结了一下,大致有三大问题一:关于引用先创建一个textarea域,示例:<textarea name="content" st

23、yle="display:none"></textarea>其中style="display:none" 决定了这个文本域是隐藏的.在调用eWebEditer,示例:<iframe ID="eWebEditor1" src="/ewebeditor.htm?id=content1&style=coolblue" frameborder="0" scrolling="no" width="500" HEIGHT="3

24、50"></iframe>其中src="/ewebeditor.htm?id=content&style=coolblue"中id=后面的第一个参数必须和textarea域的name属性的值一致.输入信息页面完整示例:<html><head><title>Untitled</title></head><body><form name="myform" method="post" action="display.a

25、sp"><textarea name="content" style="display:none"></textarea><iframe ID="eWebEditor1" src="/ewebeditor.htm?id=content&style=coolblue" frameborder="0" scrolling="no" width="500" HEIGHT="350">

26、</iframe><input type="submit" name="btnSubmit" value="Submit"></form></body></html>二.关于获取eWebEditor中输入的值:在上面完整代码中<form name="myform" method="post" action="display.asp">这一段中 属性action="display.asp"

27、;display.asp指示了处理上面表单的程序.下面我们在display.asp中获取eWebEditor中编辑的值,示例:<%  sContent = Request.Form("content")  Response.Write sContent%>其中Request.Form("content")中参数必须和textarea域中name的属性一致.这样我们在display.asp已经获取了在eWebEditor中编辑的代码.三.将获取的文本插入数据库:由于eWebEditor中取出的值可能太长,你既然使用的是ACC

28、ESS数据库,那建议将保存该字段的类型设置为备注型,这样能存储更长的字符传.在display.asp已经获取了eWebEditor编辑框框中的值,保存在了变量sContent了要插入数据库的话,首先要做的就是让当前页面能够连接上数据库.请参看下面11中连接数据库的方法,选择合适你自己的数据库和方法:1.Access数据库的DSN-less连接方法:set adocon=Server.Createobject("adodb.connection")adoconn.Open"Driver=Microsoft Access Driver(*.mdb);DBQ="

29、;& _Server.MapPath("数据库所在路径")  2.Access OLE DB连接方法：set adocon=Server.Createobject("adodb.connection")adocon.open"Provider=Microsoft.Jet.OLEDB.4.0;"& _"Data Source=" & Server.MapPath("数据库所在路径")  3.SQL server连接方法：set adocon=server

30、.createobject("adodb.recordset")adocon.Open"Driver=SQL Server;Server=(Local);UID=*;PWD=*;"& _"database=数据库名;"  4.SQL server OLE DB连接方法:set adocon=Server.Createobject("adodb.connection")adocon.open"provider=SQLOLEDB.1;Data Source=RITANT4;"&am

31、p; _"user ID=*;Password=*;"& _"inital Catalog=数据库名"  5.Oracle 连接方法:set adocon=Server.Createobject("adodb.connection")adocon.open"Driver=microsoft odbc for oracle;server=oraclesever.world;uid=admin;pwd=pass;"  6.Oracle OLE DB 连接方法:set adocon=Serve

32、r.Createobject("adodb.connection")adocon.open"Provider=OraOLEDB.Oracle;data source=dbname;user id=admin;password=pass;"  7.dBase 连接方法:set adocon=Server.Createobject("adodb.connection")adocon.open"Driver=microsoft dbase driver(*.dbf);driverid=277;dbq=;"

33、60; 8.mySQL 连接方法:set adocon=Server.Createobject("adodb.connection")adocon.open"Driver=mysql;database=yourdatabase;uid=username;pwd=yourpassword;option=16386;"  9.Visual Foxpro 连接方法:set adocon=Server.Createobject("adodb.connection")adocon.open"Driver=microsoft

34、Visual Foxpro driver;sourcetype=DBC;sourceDB=*.dbc;Exclusive=No;"  10.MS text 连接方法:set adocon=Server.Createobject("adodb.connection")adocon.open"Driver=microsoft text driver(*.txt; *.csv);dbq=;"&_"extensions=asc,csv,tab,txt;Persist SecurityInfo=false;"

35、0; 11.MS text OLE DB 连接方法:set adocon=Server.Createobject("adodb.connection")adocon.open"Provider=microsof.jet.oledb.4.0;data source=your_path;"&_"Extended Propertiestext;FMT=Delimited"连接成功后使用插入语句添加记录InsertInsert语法：Insert into table(field1,field2,.) Values (value1,va

36、lue2,.)  例子：添加一作者是"cancer"的记录入book表:insert into book (bookno,author,bookname) values (CF001,cancer,Cancer无组件上传程序)       Ewebeditor使用说明：一、部署方式：1、直接把压缩目录中的文件拷贝到您的网站发布目录下；2、配置对应WEB-INF下文件，把eWebEditor文件夹下WEB-INF/web.xml中<display-name>defaultroot<

37、;/display-name><servlet><servlet-name>debugjsp</servlet-name><descrption>Added to compile JSPs with debug info</descrption><servlet-class>org.apache.jasper.servlet.JspServlet</servlet-class><init-param><param-name>classdebuginfo</param-name

38、><param-value>true</param-value></init-param><load-on-startup>3</load-on-startup></servlet><servlet-mapping><servlet-name>debugjsp</servlet-name><url-pattern>*.jsp</url-pattern></servlet-mapping> 复制到你的应用中的WEB-INF/web.xml

39、中；3、把WEB-INF下的Style.xml和Button.xml复制到你的应用中的WEB-INF目录下；4、把eWebEditor/WEB-INF/lib下的dom4j.jar和jspsmartupload.jar包复制到你应用的WEB-INF/lib下；注：net.jar为ewebeditor原/WEB-INF/classes下的class文件，我把它打包后放到应用的lib下，以免跟其它class混淆；5、在你要调用编辑器的代码中加入：<IFRAME ID=”eWebEditor1 name=”content_html” src=”./eWebEditor/eWebEditor.j

40、sp?id=content&style=standard” frameborder=”0 scrolling=”no” width=”650 height=”350></IFRAME><input type=”hidden” name=”content” />在</head>前加入：<scrpt language=”javascrpt”>function subchk() /document.form1.content.value= window.content_html.getHTML();</scrpt>提交表单时触

41、发这个函数把eWebEditor中的值复制到你的表单中，然后在你的form中调用它：<form name=”form1 nsubmit=” subchk()”>6、重新启动服务器即可。二、设置：界面修改：一般只修改/WEB-INF目录下面的style.xml和button.xml就可以了，button.xml为编辑界面配置文件，如果有菜单显示不全，可以在里面修改大小。=上传图片路径设置：/默认上传默认目录为xx/upload/，xx为你的根目录/此处设置上传文件保存路径,注意路径要由ROOT开始=3处=/修改此处需修改WEB-INF/Style.xml文件对应处<suploa

42、ddir>/upload/</suploaddir>/修改此处需修改eWebEditor.jsp文件对应处/修改此处需修改upload.jsp文件对应处例如要传到根目录的/upload/下面:upload.jsp中String sUploadFilePath=”/upload/”;Style.xml中<suploaddir>/upload/</suploaddir>eWebEditor.jsp 中String sUploadFilePath=”./upload/”;/设置文件上传后在ewebeditor编辑器中图片显示地址这样就好了。修改上传文件大小限

43、制，在WEB-INF/style.xml中<sfilesize>2000</sfilesize>/其它文件大小<sflashsize>500</sflashsize>/flash文件大小<sremotesize>1000</sremotesize>/发布内容大小<simagesize>1000</simagesize>/图片文件大小<smediasize>1000</smediasize>/多媒体文件大小注意事项：1、刚部署或调试时出现文件无法上传的情况，可以修改eWebEditor.jsp 中String sUploadFilePath=”./upload/”;值或修改文件中字符，刷新后在改回正常值，即可恢复上传；2、如果使用utf-8编码，需要在调用的jsp页面头部加入content