说白了就是怎么在jsp中用FCKEditor:
我用的是最新的2.6.4
配置包比较麻烦,参照下面:
A. FCKeditor_2.6.3.zip //主角,在
http://www.fckeditor.net/download 即可下载。
B. fckeditor-java-core-2.4.1.jar 在
http://www.fckeditor.net/download 找到FCKeditor.Java,点下面的超链接进入下载页面,找到fckeditor-java-core-2.4.1.jar ,下载即可。有必要把fckeditor-java-2.4.1-src.zip 源文件包也下载下来,需要里面一个文件ConnectorServlet.java,下文要用它来解决中文乱码和上传文件大小限制用。
C. slf4j-api-1.5.6.jar
D. slf4j-jdk14-1.5.6.jar //C和D这两个jar驱动包可以在
http://www.slf4j.org/download.html页面的slf4j-1.5.6.zip压缩包里或取。
E. commons-io-1.4.jar
F. commons-fileupload-1.2.1.jar //E和F这两个jar驱动包可以在
http://commons.apache.org/ 下载到。
G. xalan.jar
H. serializer.jar //G和H这个jar驱动包用于解析XML,都包含在xalan-j_2_7_0-bin-2jars.zip中,可以在
http://apache.seekmeup.com/xml/xalan-j下载到。
在Tomcat的webapps目录下新建文件夹tdy218,作为一个Web服务目录。新建一个upload文件夹作为上传的文件的存放目录;然后将FCKeditor_2.6.3.zip中的fckediter文件夹解压到tdy218服务目录下,将那5个jar驱动包放置到lib下,如下图所示的目录结构:
[img]http://p.blog.csdn.net/images/p_blog_csdn_net/tdy218/EntryImages/20090101/sdir.jpg" alt="" width="138" height="118[/img]
一定要装H包,不然上传图片的时候浏览服务器会包XML解析错误。
在web.xml注册servlet:
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>
net.fckeditor.connector.ConnectorServlet
</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<!-- Do not wrap this line otherwise Glassfish will fail to load this file -->
<url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>
</servlet-mapping>
添加属性文件fckeditor.properties
connector.userFilesPath=/upload //设置图片和Flash文件的保存位置,当你上传一张图片时,编辑器会自动新建一个 upload文件,在upload自动新建一个image目录用于保存图片,flash文件会自动保存到upload/flash目录下。
connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl
###此处不写入资源文件则默认放在upload目录下###
#connector.resourceType.file.path
#connector.resourceType.image.path
#connector.resourceType.flash.path
#connector.resourceType.media.path
####注意:allowed和denied只能写一个或者不写(使用系统默认),不能同时写,不然会提示错误invalid file type.
connector.resourceType.file.extensions.allowed=|jpg|gif|png|rar|zip|txt|doc|wma|wmv|mp3|flv|swf|
#connector.resourceType.file.extensions.denied=|com|exe|jsp|html|htm|shtml|bat|
connector.resourceType.media.extensions.allowed=|wma|wmv|mp3|flv|swf|
#connector.resourceType.media.extensions.denied=|com|exe|jsp|html|htm|shtml|bat|
connector.resourceType.image.extensions.allowed=|jpg|png|gif|
#connector.resourceType.image.extensions.denied=|com|exe|jsp|html|htm|shtml|bat|
connector.resourceType.flash.extensions.allowed=|swf|
#connector.resourceType.flash.extensions.denied=|com|exe|jsp|html|htm|shtml|bat|
记得修改fckconfig.js里的"var _FileBrowserLanguage = 'php';var _QuickUploadLanguage = 'php';"中的"php"为"jsp"。
测试页面:
<%@ page contentType="text/html; charset=gbk" language="java" %>
<html>
<head>
<style type="text/css">
<!--
.STYLE1
{
font-size: 16px;
}
-->
</style>
<script src ="fckeditor/fckeditor.js"></script>
<script language="javascript" type="text/javascript">
window.onload = function ()
{
var oFCKeditor = new FCKeditor("myTextArea") ;
oFCKeditor.BasePath = "fckeditor/";
oFCKeditor.Width = "755";
oFCKeditor.Height = "300";
oFCKeditor.ToolbarSet = "Default";
oFCKeditor.Config["SkinPath"] = "skins/silver/";
oFCKeditor.ReplaceTextarea();
}
</script>
</head>
<body>
<form name="myform" method="post" action="target.jsp" id="myform">
<p>文章标题:
<input type="text" name="title">
</p>
<p>文章类型:
<select name="type">
<option value="z">党务思政</option>
<option value="z">在线访谈</option>
<option value="z">绝对好书</option>
<option value="z">咨询范围</option>
</select>
</p>
<p>文章正文:</p>
<textarea name="myTextArea"></textarea>
<p><br>
<input type="reset" class="STYLE1" value="重置">
<input type="submit" class="STYLE1" value="提交">
</p>
</form>
</body>
</html>
target.jsp
<%@ page contentType ="text/html;charset=gbk" language="java" %>
<%@ page import="java.sql.*" %>
<%@ page import="java.util.Date" %>
<%@ page import="java.util.TimeZone" %>
<%@ page import="java.text.SimpleDateFormat" %>
<%
String title = new String(request.getParameter("title").getBytes("ISO-8859-1"),"gbk");
String type = new String(request.getParameter("type").getBytes("ISO-8859-1"),"gbk");
String content = new String(request.getParameter("myTextArea").getBytes("ISO-8859-1"),"gbk");
out.println("文章标题:"+title+"<br><br>\n"+"文章类型:"+type+"<br><br>\n"+"文章内容:"+content);
%>
其他参数设置:
AutoDetectLanguage=true/false 自动检测语言
BaseHref="" 相对链接的基地址
ContentLangDirection="ltr/rtl" 默认文字方向
ContextMenu=字符串数组,右键菜单的内容
CustomConfigurationsPath="" 自定义配置文件路径和名称
Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容
EnableSourceXHTML=true/false 为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTML
EnableXHTML=true/false 是否允许使用XHTML取代HTML
FillEmptyBlocks=true/false 使用这个功能,可以将空的块级元素用空格来替代
FontColors="" 设置显示颜色拾取器时文字颜色列表
FontFormats="" 设置显示在文字格式列表中的命名
FontNames="" 字体列表中的字体名
FontSizes="" 字体大小中的字号列表
ForcePasteAsPlainText=true/false 强制粘贴为纯文本
ForceSimpleAmpersand=true/false 是否不把&符号转换为XML实体
FormatIndentator="" 当在源码格式下缩进代码使用的字符
FormatOutput=true/false 当输出内容时是否自动格式化代码
FormatSource=true/false 在切换到代码视图时是否自动格式化代码
FullPage=true/false 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容
GeckoUseSPAN=true/false 是否允许SPAN标记代替B,I,U标记
IeSpellDownloadUrl=""下载拼写检查器的网址
ImageBrowser=true/false 是否允许浏览服务器功能
ImageBrowserURL="" 浏览服务器时运行的URL
ImageBrowserWindowHeight="" 图像浏览器窗口高度
ImageBrowserWindowWidth="" 图像浏览器窗口宽度
LinkBrowser=true/false 是否允许在插入链接时浏览服务器
LinkBrowserURL="" 插入链接时浏览服务器的URL
LinkBrowserWindowHeight=""链接目标浏览器窗口高度
LinkBrowserWindowWidth=""链接目标浏览器窗口宽度
Plugins=object 注册插件
PluginsPath="" 插件文件夹
ShowBorders=true/false 合并边框
SkinPath="" 皮肤文件夹位置
SmileyColumns=12 图符窗列数
SmileyImages=字符数组 图符窗中图片文件名数组
SmileyPath="" 图符文件夹路径
SmileyWindowHeight 图符窗口高度
SmileyWindowWidth 图符窗口宽度
SpellChecker="ieSpell/Spellerpages" 设置拼写检查器
StartupFocus=true/false 开启时FOCUS到编辑器
StylesXmlPath="" 设置定义CSS样式列表的XML文件的位置
TabSpaces=4 TAB键产生的空格字符数
ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏
ToolbarSets=object 允许使用TOOLBAR集合
ToolbarStartExpanded=true/false 开启是TOOLBAR是否展开
UseBROnCarriageReturn=true/false 当回车时是产生BR标记还是P或者DIV标记
我在这里没用到上传图片功能,关于该功能的其它问题,如上传不支持中文名等。
分享到:
相关推荐
Java局域网通信——飞鸽传书源代码,大家都知道VB版、VC版还有Delphi版的飞鸽传书软件,但是Java版的确实不多,因此这个Java文件传输实例不可错过,Java网络编程技能的提升很有帮助。 Java聊天程序,包括服务端和...
Java局域网通信——飞鸽传书源代码,大家都知道VB版、VC版还有Delphi版的飞鸽传书软件,但是Java版的确实不多,因此这个Java文件传输实例不可错过,Java网络编程技能的提升很有帮助。 Java聊天程序,包括服务端和...
Java局域网通信——飞鸽传书源代码,大家都知道VB版、VC版还有Delphi版的飞鸽传书软件,但是Java版的确实不多,因此这个Java文件传输实例不可错过,Java网络编程技能的提升很有帮助。 Java聊天程序,包括服务端和...
Java局域网通信——飞鸽传书源代码,大家都知道VB版、VC版还有Delphi版的飞鸽传书软件,但是Java版的确实不多,因此这个Java文件传输实例不可错过,Java网络编程技能的提升很有帮助。 Java聊天程序,包括服务端和...
Java局域网通信——飞鸽传书源代码,大家都知道VB版、VC版还有Delphi版的飞鸽传书软件,但是Java版的确实不多,因此这个Java文件传输实例不可错过,Java网络编程技能的提升很有帮助。 Java聊天程序,包括服务端和...
Java局域网通信——飞鸽传书源代码,大家都知道VB版、VC版还有Delphi版的飞鸽传书软件,但是Java版的确实不多,因此这个Java文件传输实例不可错过,Java网络编程技能的提升很有帮助。 Java聊天程序,包括服务端和...
Java局域网通信——飞鸽传书源代码 28个目标文件 内容索引:JAVA源码,媒体网络,飞鸽传书 Java局域网通信——飞鸽传书源代码,大家都知道VB版、VC版还有Delphi版的飞鸽传书软件,但是Java版的确实不多,因此这个Java...
Java局域网通信——飞鸽传书源代码 28个目标文件 内容索引:JAVA源码,媒体网络,飞鸽传书 Java局域网通信——飞鸽传书源代码,大家都知道VB版、VC版还有Delphi版的飞鸽传书软件,但是Java版的确实不多,因此这个Java...
关于java程序员发展需要学习的路线整理集合 技术 应用技术 计算机基础知识 cpu mem disk net 线程,进程 第三方库 poi Jsoup zxing Gson 数据结构 树 栈 链表 队列 图 操作系统 linux 代码控制...
JavaEE企业开发框架前端采用最受欢迎的...框架的数据持久层将添加、修改、删除、排序、分页、各种条件的查询封装成通用模块,几乎不用手写SQL。 系统后端和前端全部采用官方的最新稳定版本,可直接应用到企业生产环境。
9.11.6 为其他参数确保写安全 245 9.12 创建变量 246 9.12.1 概述 246 9.12.2 长(整)型 249 9.12.3 双精度(浮点)型 249 9.12.4 字符串 249 9.12.5 布尔型 250 9.12.6 数组 250 9.13 对象 253 9.14 资源 254 9.15...
那些对具体模块(如Audio系统和Surface系统)感兴趣的读者 也可以直接阅读相关章节的内容。 这里有必要提醒一下,要阅读此书,应具有C++的基本知识,因为本书的大部分内容都集中在了Native层。 如何阅读...
JavaEE企业开发框架前端采用最受欢迎的...框架的数据持久层将添加、修改、删除、排序、分页、各种条件的查询封装成通用模块,几乎不用手写SQL。 系统后端和前端全部采用官方的最新稳定版本,可直接应用到企业生产环境。
Coalesys PanelBar + R.a.d Treeview +Xml 构建的Asp.net 菜单和权限管理模块 突破屏蔽限制,自己的网站使劲弹新IE窗口 对页面SCROLLING的CSS不能生效原因 .Net 中IE使用WinForm控件的使用心得。 动态加载用户控件的...
第三步是配置JIRA系统的邮件通知参数 第三章、 JIRA管理使用 一、 Projects:项目 1、Projects—> Projects点击进入到项目列表,点击ADD Project后输入项目名称(name),关键字(key),选择开发项目负责人(lead ...
� Android 更像一款桌面环境为 Java 的 Linux 操作系统。有助于 Google 实现其 " 随时随地为每个人提供信 息 " 的企业战略。 HTC HTC HTC HTC Dream/G1 Dream/G1 Dream/G1 Dream/G1 具体配置 硬件 3.17 英寸 HVGA ...
Struts——an open-source MVC implementation This article introduces Struts, a Model-View-Controller implementation that uses servlets and JavaServer Pages (JSP) technology. Struts can help you control...
logo 设计不会,就这样先凑合了写道 Fuseblog预备开发带在线SHOP功能的个人博客系统.仿照Appfuse 提供一个完全自动化的ant构建脚本.在线SHOP的数据库建模图例已经 在博客中贴出.感兴趣的和我一起搭建,嘻嘻 文档博客...