JSP在线编辑器

 本例子在Windows+Tomcat6(weblogic9.2)+jdk1.6下运行。

1）安装好jdk1.6，然后安装tomcat6.

2）在tomcat目录的conf目录下，修改server.xml。
 本例子是默认配置运行在虚拟目录下，,并且上传基准目录的物理路径在当前应用下。请根据第3点，在对应的host节点上加入蓝色部分代码。

1）如果应用部署在网站根目录下运行,并且上传基准目录的物理路径在当前应用下: http://localhost:8080

<!--[1]start -->
<Context path="" reloadable="true" docBase="E:/jspsample/web" debug= "0"/>
<!--[1]end-->

2）如果应用部署在网站根目录下运行，但是上传基准目录的物理路径与当前应用不在同一个物理文件夹下: http://localhost:8080

<!--[2]start  -->
<Context path="" reloadable="true" docBase="E:/jspsample/web" debug="0" crossContext="true"/>
<Context path="/upload" docBase="E:/upload" debug="0" reloadable= "true"/>
<!--[2]end-->

如果发现配置 upload 虚拟目录路径，图片上传正确，但是浏览器上浏览不到图片，请重新启动tomcat一次。

 

3）运行在虚拟目录下，,并且上传基准目录的物理路径在当前应用下http://localhost:8080/jspsample

<Context path="/jspsample" reloadable="true" docBase="E:/jspsample/web" debug= "0"/>

4）运行在虚拟目录下，但是上传基准目录的物理路径与当前应用不在同一个物理文件夹下。http://localhost:8080/jspsample

<!--[4]start  -->
<Context path="/jspsample" reloadable="true" docBase="E:/jspsample/web" debug="0" crossContext="true"/>
<Context path="/upload" docBase="E:/upload" debug="0" reloadable= "true"/>
<!--[4]end-->

 

 

 

3)修改web.xml
 在<web-app>节点中，增加:

 A）允许上传的图片格式。可以根据实际自行增加或减少。

 <context-param>  
  <param-name>config_allow_image_ext</param-name>  
  <param-value>jpeg,jpg,gif,png,tif</param-value>  
 </context-param>

B）允许上传的文件格式。可以根据实际自行增加或减少。

 <context-param>  
  <param-name>config_allow_upload_file_ext</param-name>  
  <param-value>jpeg,jpg,gif,png,tif,swf,caj,doc,txt,docx,xls,pdf,ppt,rar,zip,wmz,emz,emf,wmf,wma,mp3,avi,wmv,asf,rm,rmvb,3gp,flv</param-value>  
 </context-param>
 
 
C）手动上传模式最大允许上传文件大小（计算单位：bit），0为不限制。
 <context-param>  
  <param-name>config_MTupload_maxfilesize</param-name>  
  <param-value>0</param-value> 
 </context-param>

D）附件上传后是否自动重名。

 <context-param>  
  <param-name>config_attachfile_autorename</param-name>  
  <param-value>false</param-value>  
 </context-param>

　

 

Param-name	说明
A)config_allow_image_ext	允许上传的图片格式
B)config_allow_upload_file_ext	允许上传的文件格式
C)config_MTupload_maxfilesize	允许上传文件的大小限制，0为不限制大小。（计算单位：Kb）
D)config_attachfile_autorename	如果需要使上传的附件保持原来的文件名，则应该设置为false

编辑器的其他配置，请看“常见问题”的“公用配置文件config.xml”。以上A/B/C配置可以在编辑器的config.xml文件找到对应的同名变量。

由于以上A/B/C配置是需要服务器端验证，所以修改config.xml的配置变量值后，必须同时修改web.xml中对应的配置，保持变量值相同。

在大多数应用下，无需更改这些变量值就可以投入实际应用。

 

如果是WebLogic，还不需修改web.xml，增加xml格式文件的mime-mapping。否则含编辑器的页面将会出现js错误。

 <mime-mapping>
     <extension>xml</extension>
     <mime-type>text/xml</mime-type>
</mime-mapping>

 

4）例子运行必须的jar文件

把以下4个jar文件拷贝到tomcat6的lib目录下

1. commons-codec-1.3.jar
2. jacob.jar
3. jdom.jar
4. servlet-api.jar

　

---

　

理解例子和WebNoteEditor运作流程

WebNoteEditor与其他编辑器最明显的一个区别是：客户端添加图片，flash，视频或附件的时候，文件并不上传到服务器，只有当表单提交的时候，才触发文件上传事件。这样大大减少了由于信息编辑人员没一时没留意上传了不正确的文件，而导致客户端与服务器端来回传输数据和产生多余文件的现象。

使用WebNoteEditor，每篇文章都有属于自己的文件上传目录，这个是与其他编辑器重大区别之一。当发布的文章包含有文件（图片，flash，视频或附件），并上传正确后，WebNoteEditor将自动建立文件上传文件夹。

本例子是编辑器的简单调用例子。每篇文章都的文件上传目录路径需要保存在数据表中的某个字段中。例子中，此目录路径保存在DB_News.mdb数据库News表NewsFilesPath字段中。当修改文章内容的时候，把这个字段读取出来，并设置WebNoteEditor当前的上传目录为改字段值。

提交修改文章内容的时候，编辑器将把编辑框中包含的文件与WebNoteEditor当前的上传目录里的文件进行比较，把多余的文件从服务器删除掉。如果提交的内容不包含任何文件（图片，flash，视频或附件），那么编辑器将自动删除当前文章的文件上传文件夹。因此初始化代码必须正确，避免删除了原来的应用程式。

注意：webnoteeditor在线编辑器具有多余文件自动删除功能。为避免由于编写webnoteeditor初始化代码不正确导致错误删除原来的应用实际。编写实际应用前，一定先把原来的应用程序备份一次。