项目中集成eWebEditor5.5商业版
最近一个项目中需要使用在线编辑器,讨论以后决定用商业版eWebEditor5.5
1.通过购买,您将获得eWebEditor软件压缩包。使用解压软件解压所有文件到一个临时目录,如c:\myTemp。解压后,在c:\myTemp下您将看到一个名为“ewebeditor”的文件夹.
使用FTP上传软件,把“ewebeditor”文件夹及其下的所有文件上传到您的WEB服务中的任意的您想要的位置下。所有文件上传完成后,您即可以测试eWebEditor了。
2.JSP版: 需要把编辑器中的“WEB-INF”文件夹放在网站根目录下。
3.测试eWebEditor
以下假设您已经把”ewebeditor”目录上传到了你WEB服务器的根目录中。
测试访问我们提供的示例程序文件,看是否运行正常. 以下为系统提供的例子的首页地址:
http://www.yoursite.com/ewebeditor/_example/default.asp(.aspx/.php/.jsp)
系统自带有多个例子程序,分别用于说明eWebEditor的各种使用方法. 通过示例程序首页的链接,分别测试各个例子,看是否运行正常。如果显示正常信息,没有错误提示,可以编辑内容,即表示安装已正确完成!
恭喜,eWebEditor编辑器已成功安装完成!
注意:如果编辑器上的按钮不能操作,或内容不能编辑,请确认您使用的是IE5.5以上版本浏览器,并允许运行JavaScript(默认安装都是允许的)。
1.通过购买,您将获得eWebEditor软件压缩包。使用解压软件解压所有文件到一个临时目录,如c:\myTemp。解压后,在c:\myTemp下您将看到一个名为“ewebeditor”的文件夹.
使用FTP上传软件,把“ewebeditor”文件夹及其下的所有文件上传到您的WEB服务中的任意的您想要的位置下。所有文件上传完成后,您即可以测试eWebEditor了。
2.JSP版: 需要把编辑器中的“WEB-INF”文件夹放在网站根目录下。
3.测试eWebEditor
以下假设您已经把”ewebeditor”目录上传到了你WEB服务器的根目录中。
测试访问我们提供的示例程序文件,看是否运行正常. 以下为系统提供的例子的首页地址:
http://www.yoursite.com/ewebeditor/_example/default.asp(.aspx/.php/.jsp)
系统自带有多个例子程序,分别用于说明eWebEditor的各种使用方法. 通过示例程序首页的链接,分别测试各个例子,看是否运行正常。如果显示正常信息,没有错误提示,可以编辑内容,即表示安装已正确完成!
恭喜,eWebEditor编辑器已成功安装完成!
注意:如果编辑器上的按钮不能操作,或内容不能编辑,请确认您使用的是IE5.5以上版本浏览器,并允许运行JavaScript(默认安装都是允许的)。
<%
@ page language
=
"
java
"
pageEncoding
=
"
UTF-8
"
%>
<% @ taglib uri = " /WEB-INF/struts-html.tld " prefix = " html " %>
<% @ taglib uri = " /WEB-INF/struts-bean.tld " prefix = " bean " %>
<% @ taglib uri = " /WEB-INF/struts-logic.tld " prefix = " logic " %>
<% @ taglib uri = " /WEB-INF/c.tld " prefix = " c " %>
<% @ taglib uri = " /WEB-INF/fmt.tld " prefix = " fmt " %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html:html lang ="true" >
< head >
< meta http-equiv ="pragma" content ="no-cache" >
< meta http-equiv ="cache-control" content ="no-cache" >
< meta http-equiv ="expires" content ="0" >
< link rel ="stylesheet" type ="text/css" href ="css/manager/style.css" >
< SCRIPT language ="javascript" src ="calendar/popcalendar.js" ></ SCRIPT >
</ head >
< body style ="background:url(img/manager/right_1.jpg) repeat-x; padding:3px 6px 0 6px;" >
< table width ="100%" border ="0" cellspacing ="0" cellpadding ="0" >
< tr >
< td height ="25" ></ td >
</ tr >
</ table >
< html:form action ="/infoWrite" styleId ="form" method ="post" >
< input type ="hidden" name ="method" value ="write" >
< html:hidden property ="info.id" />
< html:hidden property ="subject" />
< html:textarea property ="info.content" style ="display:none" ></ html:textarea >
< table width ="95%" border ="0" align ="center" cellpadding ="0" cellspacing ="1" bgcolor ="#FFFFFF" id ="table1" >
< tr >
< td width ="15%" ></ td >
< td width ="85%" >< font color ="#FF0000" >< html:errors /></ font >< br ></ td >
</ tr >
</ table >
< table width ="95%" border ="0" align ="center" cellpadding ="0" cellspacing ="1" bgcolor ="#E7E6E6" id ="table1" >
< tr >
< td width ="10%" bgcolor ="#F3F3F3" >< bean:message key ="field.info.title" /> : </ td >
< td width ="40%" bgcolor ="#FFFFFF" colspan ="3" >< html:text property ="info.title" size ="50" maxlength ="100" styleClass ="input" />
</ td >
</ tr >
< tr id ="pic" >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.titleImage" /> : </ td >
< td bgcolor ="#FFFFFF" >< span id ="path" >< html:text property ="info.titleImage" size ="50" maxlength ="100" styleClass ="input" /></ span >
< input type =button class ="input" onclick ="selectUploadFile('280px','80px');" value =选择 ></ td >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.keyword" /> : </ td >
< td bgcolor ="#FFFFFF" >< html:text property ="info.keyword" size ="30" maxlength ="30" styleClass ="input" /></ td >
</ tr >
< tr >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.author" /> : </ td >
< td bgcolor ="#FFFFFF" >< html:text property ="info.author" size ="20" maxlength ="20" styleClass ="input" /></ td >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.source" /> : </ td >
< td bgcolor ="#FFFFFF" >< html:text property ="info.source" size ="30" maxlength ="30" styleClass ="input" /></ td >
</ tr >
< tr >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.summary" /> : </ td >
< td bgcolor ="#FFFFFF" colspan ="3" >< html:textarea property ="info.summary" rows ="3" cols ="60" styleClass ="input" ></ html:textarea ></ td >
</ tr >
< tr >
< td bgcolor ="#F3F3F3" valign ="top" >< bean:message key ="field.info.content" /> : </ td >
< td bgcolor ="#FFFFFF" colspan ="3" style ="padding-top:3px; padding-bottom:3px;" >< iframe id ="eWebEditor" src ="ewebeditor/ewebeditor.htm?id=info.content&style=blue" frameborder ="0" scrolling ="no" width ="650" height ="350" ></ iframe ></ td >
</ tr >
< tr >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.pubdate" /> : </ td >
< td bgcolor ="#FFFFFF" colspan ="3" >< html:text property ="pubdate" size ="10" maxlength ="10" readonly ="true" styleClass ="input" onclick ="showCalendar(this, this, 'yyyy-mm-dd', null, 1, -1, -1)" /></ td >
</ tr >
</ table >
< table width ="95%" border ="0" align ="center" cellpadding ="0" cellspacing ="0" >
< tr >
< td bgcolor ="#FFFFFF" align ="center" height ="50" valign ="middle" >< input type ="submit" value ="保存" class ="btn_1" onclick ="return validateInfoForm(this.form);" > < input type ="button" value ="取消" onclick ="history.back()" class ="btn_1" ></ td >
</ tr >
</ table >
</ html:form >
< html:javascript formName ="/infoWrite" />
</ body >
</ html:html >
< script >
function selectUploadFile(width,height){
var handle = " imageUpload.jsp " ;
var path = " <%=request.getContextPath()%>/WEB-INF/jsp/manager/info/popFrame.jsp " ;
var info = window.showModalDialog(path, [window,handle] , " dialogWidth: " + width + " ; dialogHeight: " + height + " ;resizable:no;status:no;help:no;scroll:no " )
if (info){
document.forms[ 0 ].elements( " info.titleImage " ).value = info.imageid;
}
}
</ script >
<% @ taglib uri = " /WEB-INF/struts-html.tld " prefix = " html " %>
<% @ taglib uri = " /WEB-INF/struts-bean.tld " prefix = " bean " %>
<% @ taglib uri = " /WEB-INF/struts-logic.tld " prefix = " logic " %>
<% @ taglib uri = " /WEB-INF/c.tld " prefix = " c " %>
<% @ taglib uri = " /WEB-INF/fmt.tld " prefix = " fmt " %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html:html lang ="true" >
< head >
< meta http-equiv ="pragma" content ="no-cache" >
< meta http-equiv ="cache-control" content ="no-cache" >
< meta http-equiv ="expires" content ="0" >
< link rel ="stylesheet" type ="text/css" href ="css/manager/style.css" >
< SCRIPT language ="javascript" src ="calendar/popcalendar.js" ></ SCRIPT >
</ head >
< body style ="background:url(img/manager/right_1.jpg) repeat-x; padding:3px 6px 0 6px;" >
< table width ="100%" border ="0" cellspacing ="0" cellpadding ="0" >
< tr >
< td height ="25" ></ td >
</ tr >
</ table >
< html:form action ="/infoWrite" styleId ="form" method ="post" >
< input type ="hidden" name ="method" value ="write" >
< html:hidden property ="info.id" />
< html:hidden property ="subject" />
< html:textarea property ="info.content" style ="display:none" ></ html:textarea >
< table width ="95%" border ="0" align ="center" cellpadding ="0" cellspacing ="1" bgcolor ="#FFFFFF" id ="table1" >
< tr >
< td width ="15%" ></ td >
< td width ="85%" >< font color ="#FF0000" >< html:errors /></ font >< br ></ td >
</ tr >
</ table >
< table width ="95%" border ="0" align ="center" cellpadding ="0" cellspacing ="1" bgcolor ="#E7E6E6" id ="table1" >
< tr >
< td width ="10%" bgcolor ="#F3F3F3" >< bean:message key ="field.info.title" /> : </ td >
< td width ="40%" bgcolor ="#FFFFFF" colspan ="3" >< html:text property ="info.title" size ="50" maxlength ="100" styleClass ="input" />
</ td >
</ tr >
< tr id ="pic" >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.titleImage" /> : </ td >
< td bgcolor ="#FFFFFF" >< span id ="path" >< html:text property ="info.titleImage" size ="50" maxlength ="100" styleClass ="input" /></ span >
< input type =button class ="input" onclick ="selectUploadFile('280px','80px');" value =选择 ></ td >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.keyword" /> : </ td >
< td bgcolor ="#FFFFFF" >< html:text property ="info.keyword" size ="30" maxlength ="30" styleClass ="input" /></ td >
</ tr >
< tr >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.author" /> : </ td >
< td bgcolor ="#FFFFFF" >< html:text property ="info.author" size ="20" maxlength ="20" styleClass ="input" /></ td >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.source" /> : </ td >
< td bgcolor ="#FFFFFF" >< html:text property ="info.source" size ="30" maxlength ="30" styleClass ="input" /></ td >
</ tr >
< tr >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.summary" /> : </ td >
< td bgcolor ="#FFFFFF" colspan ="3" >< html:textarea property ="info.summary" rows ="3" cols ="60" styleClass ="input" ></ html:textarea ></ td >
</ tr >
< tr >
< td bgcolor ="#F3F3F3" valign ="top" >< bean:message key ="field.info.content" /> : </ td >
< td bgcolor ="#FFFFFF" colspan ="3" style ="padding-top:3px; padding-bottom:3px;" >< iframe id ="eWebEditor" src ="ewebeditor/ewebeditor.htm?id=info.content&style=blue" frameborder ="0" scrolling ="no" width ="650" height ="350" ></ iframe ></ td >
</ tr >
< tr >
< td bgcolor ="#F3F3F3" >< bean:message key ="field.info.pubdate" /> : </ td >
< td bgcolor ="#FFFFFF" colspan ="3" >< html:text property ="pubdate" size ="10" maxlength ="10" readonly ="true" styleClass ="input" onclick ="showCalendar(this, this, 'yyyy-mm-dd', null, 1, -1, -1)" /></ td >
</ tr >
</ table >
< table width ="95%" border ="0" align ="center" cellpadding ="0" cellspacing ="0" >
< tr >
< td bgcolor ="#FFFFFF" align ="center" height ="50" valign ="middle" >< input type ="submit" value ="保存" class ="btn_1" onclick ="return validateInfoForm(this.form);" > < input type ="button" value ="取消" onclick ="history.back()" class ="btn_1" ></ td >
</ tr >
</ table >
</ html:form >
< html:javascript formName ="/infoWrite" />
</ body >
</ html:html >
< script >
function selectUploadFile(width,height){
var handle = " imageUpload.jsp " ;
var path = " <%=request.getContextPath()%>/WEB-INF/jsp/manager/info/popFrame.jsp " ;
var info = window.showModalDialog(path, [window,handle] , " dialogWidth: " + width + " ; dialogHeight: " + height + " ;resizable:no;status:no;help:no;scroll:no " )
if (info){
document.forms[ 0 ].elements( " info.titleImage " ).value = info.imageid;
}
}
</ script >