最近一個項目中需要使用在線編輯器,討論以后決定用商業版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>