回复楼主:
就在下常使用的主流web在线编辑器有两种:
1. FCKEDITOR ,纯JS编写适用于.net和servlet + jsp ,php等任何语言编写的web应用程序,在下在做j2ee项目时就喜欢使用这个.下面简单说下用法:
开发环境:JDK5.0 + Eclipse3.2.1 + WTP1.5.2
(1)新建一个WEB工程:
(2)解压 FCKeditor_2.3.2.zip包,将其中的 edit 文件夹到项目中的 WebRoot 目录
(3)解压 FCKeditor_2.3.2.zip 包,将其中的 fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 文件夹到项目中的 WebRoot 目录
(4)解压 FCKeditor.java-2.3.zip 包,将其中的 \web\WEB-INF\lib 下的两个 jar 文件到项目的 WebRoot\WEB-INF\lib 目录
(5)解压 FCKeditor.java-2.3.zip 包,将其中的 \src 下的 FCKeditor.tld 文件到项目的 WebContent\WEB-INF 目录
(6)删除 WebContent\edit 目录下的 _source 文件夹(以“_”开始的文件,在项目中无用)
完成后的目录结构下如:
说明:图中的input.jsp和display.jsp两个是我写的测试集成FCKeditor的JSP文件。
修改WebContent/WEB-INF/web.xml文件,加入FCKeditor的配置信息,如下:
xml 代码
[CODE]xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<display-name>FCKeditor<!--</span-->display-name>
<servlet>
<servlet-name>Connector<!--</span-->servlet-name>
<servlet-class>
com.fredck.FCKeditor.connector.ConnectorServlet
<!--</span-->servlet-class>
<init-param>
<param-name>baseDir<!--</span-->param-name>
<!-- 此为文件浏览路径 -->
<param-value>/UserFiles/<!--</span-->param-value>
<!--</span-->init-param>
<init-param>
<param-name>debug<!--</span-->param-name>
<param-value>true<!--</span-->param-value>
<!--</span-->init-param>
<load-on-startup>1<!--</span-->load-on-startup>
<!--</span-->servlet>
<servlet>
<servlet-name>SimpleUploader<!--</span-->servlet-name>
<servlet-class>
com.fredck.FCKeditor.uploader.SimpleUploaderServlet
<!--</span-->servlet-class>
<init-param>
<param-name>baseDir<!--</span-->param-name>
<!-- 此为文件上传路径,需要在WebRoot 目录下新建 UserFiles 文件夹 -->
<!-- 根据文件的类型还需要新建相关的文件夹 Image、Flash -->
<param-value>/UserFiles/<!--</span-->param-value>
<!--</span-->init-param>
<init-param>
<param-name>debug<!--</span-->param-name>
<param-value>true<!--</span-->param-value>
<!--</span-->init-param>
<init-param>
<!-- 此参数为是否开启上传功能 -->
<param-name>enabled<!--</span-->param-name>
<param-value>false<!--</span-->param-value>
<!--</span-->init-param>
<init-param>
<param-name>AllowedExtensionsFile<!--</span-->param-name>
<param-value><!--</span-->param-value>
<!--</span-->init-param>
<init-param>
<!-- 此参数为文件过滤,以下的文件类型都不可以上传 -->
<param-name>DeniedExtensionsFile<!--</span-->param-name>
<param-value>
php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi
<!--</span-->param-value>
<!--</span-->init-param>
<init-param>
<param-name>AllowedExtensionsImage<!--</span-->param-name>
<param-value>jpg|gif|jpeg|png|bmp<!--</span-->param-value>
<!--</span-->init-param>
<init-param>
<param-name>DeniedExtensionsImage<!--</span-->param-name>
<param-value><!--</span-->param-value>
<!--</span-->init-param>
<init-param>
<param-name>AllowedExtensionsFlash<!--</span-->param-name>
<param-value>swf|fla<!--</span-->param-value>
<!--</span-->init-param>
<init-param>
<param-name>DeniedExtensionsFlash<!--</span-->param-name>
<param-value><!--</span-->param-value>
<!--</span-->init-param>
<load-on-startup>1<!--</span-->load-on-startup>
<!--</span-->servlet>
<servlet-mapping>
<servlet-name>Connector<!--</span-->servlet-name>
<url-pattern>
/editor/filemanager/browser/default/connectors/jsp/connector
<!--</span-->url-pattern>
<!--</span-->servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader<!--</span-->servlet-name>
<url-pattern>
/editor/filemanager/upload/simpleuploader
<!--</span-->url-pattern>
<!--</span-->servlet-mapping>
<!--</span-->web-app> [/CODE]
注:web.xml中已经加入了一些常用配置的说明。
新建input.jsp文件,内容如下:(注意内容中的” testfck”这个id)
(上面不能直接帖HTML的代码,所以只能帖一个图片上来,要是有知道如何帖HTML代码的朋友,请告诉我一下,谢谢)
说明:在JSP中集成FCKeditor <!--[endif]-->JavaScript集成:
如上面内容所示,通过新建一个FCKeditor对象,然后调用该对象的设置方法来设置FCKeditor的各个属性,最后调用FCKeditor的ReplaceTextarea()替换HTML页面中的<textarea>标签。另外FCKeditor也可以调用它的create()方法来直接在JSP嵌入FCKeditor编辑器。
注:注意上面的oFCKeditor.BasePath = "";用这种方式FCKeditor会去查找它的editor目录下的fckeditor.html文件,由于我是直接将editor文件夹拷贝到WebContent目录下,所以将它的BasePath设置为””,如果您将editor拷贝到其它目录,请设置相应的BasePath属性。FCKeditor默认是将其放在fckeditor目录
(2) <!--[endif]-->使用自定义标签该方法一定要完成第步:解压 FCKeditor.java-2.3.zip 包,将其中的 \src 下的 FCKeditor.tld 文件到项目的 WebContent\WEB-INF 目录
首先在JSP中加入FCKeditor标签:
<%@ taglib uri=”/WEB-INF/FCKeditor.tld” prefix=”fck” %>
JSP页面中加入如下代码,集成FCKeditor编辑器:
js 代码
[CODE] id="testfck" <!--—注意这里 -->
basePath="/FCKeditor/"
height="60%"
skinPath="/FCKeditor/editor/skins/default/"
toolbarSet="Default"
imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"> [/CODE]
(10) 新建文件,这个文件比较简单,只是简单的显示从在线编辑器传递过来的内容,如下:
<%=request.getParameter("testfck")%>
注意这里的getParameter(“testfck”),这个”testfck”就是在input.jsp中设置的id。
2. FreeTextBox 与fckeditor齐名的在线文本编辑器,
优点 :
1)在.net中部署非常方便,只有一个dll文件下面来说下这个文本
2)提供非常丰富的样式,officeXP, officeMac,office2003
以Visual studio 2005为例调用方法:
1.下载最新的freetextbox3.1.6的dll文件
2. 新建网站->在新建的网站中新建bin文件夹
3. 将freetextbox.dll引用到这个网站中
4. 当然也可以直接从工具栏添加相关的引用
5. 添加代码到aspx文件中,代码如下:
<FTB:FreeTextBox ID="FTBMagazine_introduction" runat="server" Width="420px" Height="200px" ButtonSet="OfficeMac">
</FTB:FreeTextBox>
[此贴子已经被作者于2007-11-5 10:19:40编辑过]