最近一个项目中需要使用在线编辑器,讨论以后决定用商业版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(默认安装都是允许的)。
<%@ 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>