标题:[求助]谁有.NET的在线HTML编辑器?
只看楼主
yms123
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
结帖率:100%
 问题点数:0 回复次数:7 
[求助]谁有.NET的在线HTML编辑器?
就是跟这个论坛的一样,记得以前这个版块发过,翻了10页旧贴居然没找到。谁有发个下载地质或能找到这个版块以前法的那个版本,Thank You了。
搜索更多相关主题的帖子: 编辑器 NET HTML 版块 
2007-11-05 09:23
爱像深蓝
Rank: 1
等 级:新手上路
帖 子:52
专家分:0
注 册:2007-7-10
得分:0 

回复楼主:
就在下常使用的主流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

[IMG]http://home.goofar.com/shine_fzh/QQ01.jpg[/IMG]

以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编辑过]

2007-11-05 10:16
梦灵儿
Rank: 3Rank: 3
等 级:新手上路
威 望:8
帖 子:260
专家分:9
注 册:2007-8-7
得分:0 
挺麻烦的太多代码了不过了我很支持的呵呵一直都很想写个编辑器代码今天看到了所以了谢谢了
刚刚楼主说要个编辑器我上传过编辑器.你 找找就在这个论坛里的.
呵呵

2007-11-05 18:51
yms123
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
得分:0 

3楼的帖子找到了,太感谢了,帮了我大忙了

2007-11-06 21:38
catherienxlj
Rank: 1
等 级:新手上路
帖 子:43
专家分:0
注 册:2007-9-21
得分:0 
回复:(yms123)3楼的帖子找到了,太感谢了,帮了我大忙...
FreeTextBox也是一个不错的选择,本人用过。

2007-11-07 10:55
yms123
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
得分:0 
原帖由 [bold][underline]beibeiftt[/underline][/bold] 于 2007-11-27 17:01 发表 [url=http://bbs.][/url]
楼主,你找到了?
地址在哪里啊?发上来共享一下嘛,感谢。。。。

[url=http://bbs.]http://bbs.[/url]=
2007-11-27 17:06
FenteLi
Rank: 1
来 自:上海
等 级:新手上路
帖 子:124
专家分:0
注 册:2007-11-24
得分:0 
顶一下。。。
2007-11-29 12:41



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-183535-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.049325 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved