Java快速开发平台

www.fastunit.com

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  23 Posts :: 0 Stories :: 273 Comments :: 0 Trackbacks

 

本文介绍FCKeditor在Java环境下的使用方法。

一、简介

功能:所见即所得,支持图片和Flash,工具栏可自由配置,使用简单
兼容性:IE 5.5+、Firefox 1.5+、Safari 3.0+、Opera 9.50+、Netscape 7.1+、 Camino 1.0+
成熟度:使用广泛,被Baidu、CSDN等选用

二、下载

官方下载首页:http://www.fckeditor.net/download/,当前版本为2.5.1
需要下载FCKeditor 2.5.1(FCKeditor_2.5.1.zip)和FCKeditor.Java(FCKeditor-2.3.zip

三、部署

本例以WebRoot作为应用根路径,部署后的目录结构如下图所示:


1、FCKeditor_2.5.1.zip解压,将fckeditor文件夹复制到/WebRoot/下

2、FCKeditor-2.3.zip解压,将commons-fileupload.jar和FCKeditor-2.3.jar复制到/WebRoot/WEB-INF/lib/下

3、修改/WebRoot/WEB-INF/web.xml文件,增加以下内容:
    <servlet>
        
<servlet-name>Connector</servlet-name>
        
<servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
        
<init-param>
            
<param-name>baseDir</param-name>
            
<param-value>/UserFiles/</param-value>
        
</init-param>
        
<init-param>
            
<param-name>debug</param-name>
            
<param-value>true</param-value>
        
</init-param>
        
<load-on-startup>1</load-on-startup>
    
</servlet>

    
<servlet>
        
<servlet-name>SimpleUploader</servlet-name>
        
<servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
        
<init-param>
            
<param-name>baseDir</param-name>
            
<param-value>/UserFiles/</param-value>
        
</init-param>
        
<init-param>
            
<param-name>debug</param-name>
            
<param-value>true</param-value>
        
</init-param>
        
<init-param>
            
<param-name>enabled</param-name>
            
<param-value>true</param-value>
        
</init-param>
        
<init-param>
            
<param-name>AllowedExtensionsFile</param-name>
            
<param-value></param-value>
        
</init-param>
        
<init-param>
            
<param-name>DeniedExtensionsFile</param-name>
            
<param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
        
</init-param>
        
<init-param>
            
<param-name>AllowedExtensionsImage</param-name>
            
<param-value>jpg|gif|jpeg|png|bmp</param-value>
        
</init-param>
        
<init-param>
            
<param-name>DeniedExtensionsImage</param-name>
            
<param-value></param-value>
        
</init-param>
        
<init-param>
            
<param-name>AllowedExtensionsFlash</param-name>
            
<param-value>swf|fla</param-value>
        
</init-param>
        
<init-param>
            
<param-name>DeniedExtensionsFlash</param-name>
            
<param-value></param-value>
        
</init-param>
        
<load-on-startup>1</load-on-startup>
    
</servlet>

  
<servlet-mapping>
    
<servlet-name>Connector</servlet-name>
    
<url-pattern>/fckeditor/connector</url-pattern>
  
</servlet-mapping>
  
  
<servlet-mapping>
    
<servlet-name>SimpleUploader</servlet-name>
    
<url-pattern>/fckeditor/simpleuploader</url-pattern>
  
</servlet-mapping>

4、修改/WebRoot/fckeditor/fckconfig.js,修改部分如下:

FCKConfig.LinkBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Connector=/fckeditor/connector' ;
FCKConfig.ImageBrowserURL 
= FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Image&Connector=/fckeditor/connector' ;
FCKConfig.FlashBrowserURL 
= FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Flash&Connector=/fckeditor/connector' ;
FCKConfig.LinkUploadURL 
= '/fckeditor/simpleuploader?Type=File' ;
FCKConfig.ImageUploadURL 
= '/fckeditor/simpleuploader?Type=Image' ;
FCKConfig.FlashUploadURL 
= '/fckeditor/simpleuploader?Type=Flash';

注意
(1) 步骤3、4设置了文件浏览和上传的配置,web.xml中Servlet的<url-pattern>要和fckconfig.js中的URL引用一致;
(2) 本例正常运行的前提是WebRoot被部署为根路径,如果设了虚拟路径会找不到servlet。

四、使用

本例使用最直接的js方式,API和TagLib方式参见FCKeditor-2.3.zip解压后_samples下的例子。
fckdemo.jsp: 

<%@    page contentType="text/html;charset=GBK"%>
<html>
<head>
<title>FCKeditor Test</title>
<script type="text/javascript" src="/fckeditor/fckeditor.js"></script>
</head>
<body>
<form action="fckdemo.jsp" method="post">

<% 
String content=request.getParameter("content");
if (content != null) {
  content 
= content.replaceAll("\r\n""");
  content 
= content.replaceAll("\r""");
  content 
= content.replaceAll("\n""");
  content 
= content.replaceAll("\"", "'");
}else{
  content 
= "";
}
%>

<table width=100%>
<tr>
    
<td colspan=4 style='text-align:center' width=100% height=50px>
    
<span>
        
<script type="text/javascript">
            
var oFCKeditor = new FCKeditor('content');//传入参数为表单元素(由FCKeditor生成的input或textarea)的name
            oFCKeditor.BasePath='/fckeditor/';//指定FCKeditor根路径,也就是fckeditor.js所在的路径
            oFCKeditor.Height='100%';
            oFCKeditor.ToolbarSet
='Demo';//指定工具栏
            oFCKeditor.Value="<%=content%>";//默认值
            oFCKeditor.Create();
        
</script>
    
</span>
    
</td>
</tr>
<tr><td align=center><input type="submit" value="提交"></td></tr>
<tr><td>&nbsp;</td></tr>
<tr><td>取值(可直接保存至数据库):</td></tr>
<tr><td style="padding:10px;"><%=content%></td></tr>
</table>

</form>
</body>
</html>

效果图:


五、配置文件fckconfig.js

1、DefaultLanguage:缺省语言,可更改为“zh-cn”

2、自定义工具栏:可修改或增加ToolbarSets,例如:

FCKConfig.ToolbarSets["Demo"= [
    ['Bold','Italic','
-','OrderedList','UnorderedList','-','Link','Unlink','-','TextColor','BGColor','-','Style','-','Image','Flash','Table']
] ;

3、EnterMode和ShiftEnterMode:“回车”和“Shift+回车”的换行行为,注释提示了可选模式

4、EditorAreaCss:编辑区样式文件

5、其他参数(转):

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标记

六、自定义样式

工具栏的Style选项,是由fckconfig.js指定的配置文件来产生的:

FCKConfig.StylesXmlPath  = FCKConfig.EditorPath + 'fckstyles.xml' ;

可修改fckstyles.xml来自定义样式。

posted on 2008-02-18 20:15 FastUnit 阅读(108421) 评论(79)  编辑  收藏 所属分类: JavaJavaScript

Feedback

# re: HTML编辑器FCKeditor使用详解 2008-02-18 22:12 海边沫沫
http://www.blogjava.net/youxia/archive/2007/03/15/104077.html  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-02-18 22:44 FastUnit
@海边沫沫
已拜读,好文!  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-02-19 08:54 魔域私服
已拜读,好文!  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2008-03-13 13:53 is
oFCKeditor.Value="<%=content==null?"":(content.replaceAll("\"", "'"))%>";//默认值

我用你的方法后,在上面这行上报错.页面显示不出来  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-03-15 12:11 FastUnit
@is
我重新测了一下fckdemo.jsp,没有发现问题。
你是否做了某些修改、报错信息是什么?  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-05-04 14:24 刘俊杰
我也没有显示出来的,方便的话可加我:QQ:178070373,ljh0242@163.com  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-05-06 14:22 FastUnit
@刘俊杰
已加。  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2008-05-27 14:24 linda
我也没有显示出来的
oFCKeditor.Value="<%=content==null?"":(content.replaceAll("\"", "'"))%>";//默认值

报的是脚本错误:unterminated string literal
  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-05-28 19:37 FastUnit
@linda
使用js赋值方式时,如果值包含回车就会报这个错误,我已在fckdemo.jsp中增加了回车的替换。
  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-07-07 18:00 vb2005xu@sina.com
$fcked->InstanceName = 'mythis' ; -- 这个才是你要设置的FORM控件的名字

取值当然要从这里了 ... 你写的东西 我估计 你自己 也没整明白吧  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-07-07 18:01 vb2005xu@sina.com
var oFCKeditor = new FCKeditor('content');//表单的name,取值的依据
还 表单的名字 ,, 你 有点常识 好不??
不会 就别误导别人  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-07-08 18:08 FastUnit
@vb2005xu@sina.com
“表单的name”确实表达有误,表单控件/表单元素可能会准确一点,实际上对应为FCKeditor生成的一个<input>或<textarea>的“name”属性。
  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-07-18 13:56 陈坤
分页符在IE下面默认为<div style="page-break-after: always"><span style="display: none">&nbsp;</span></div>,我想改为其他的,怎么修改?  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-07-20 20:12 FastUnit
@陈坤
打开/editor/js/fckeditorcode_ie.js,修改FCKPageBreakCommand.prototype.Execute()。  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-08-02 14:26 lilsean
把fckeditor文件复制到webroot下
然后配置也和你一样
结果页面那个框显示不出来
new FCKeditor创建不出来这个对象吗?
路径应该没啥错的
都和你一样的
qq:409583691  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-08-03 22:00 Keind
谁能教我~~用FCK  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-08-08 17:57 大狗
new FCKeditor创建不出来这个对象  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-08-09 15:20 gracia
请问楼主这个FCKeditor的非空验证怎么写
我的QQ号是254012079
如果哪位高手知道的话,麻烦教一下!  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-08-15 21:02 木风口子
楼主能否写个将编辑器内容获得后放入数据库的例子,我弄了好久,总是不行,谢谢!!!!我的QQ315213073  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2008-08-18 11:33 32
佛挡杀佛  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2008-08-18 11:35
怎么我在文本里面输入200个字以上就保存不其呢,请大侠帮我解决一下,谢谢  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-08-19 14:43 莎士比亚
把fckeditor文件复制到webroot下
然后配置也和你一样
结果页面那个框显示不出来
new FCKeditor创建不出来这个对象吗?
路径应该没啥错的
都和你一样的
我qq:823775485  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-08-28 10:47 zhangyq
已拜读,好文!已收藏.  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-09-12 10:58 刘亚东
我取出的值怎么老是html代码啊,
<tr><td align=center><input type="submit" value="提交"></td></tr>
<tr><td>&nbsp;</td></tr>
<tr><td>取值(可直接保存至数据库):</td></tr>
<tr><td style="padding:10px;"><%=content%></td></tr>
</table>
保存到数据库怎么老是html代码,能不能去中文的值啊。  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2008-10-31 12:38 小亮Web
我的也显示不出来 方便的话加我Q 362556638



不胜感激



多指教.....  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2008-11-20 16:39 冷雪
我把带有html标记的文章加进去后,显示出来的时候把html解析了,如加入" <B>加粗 </B> "后,则在页面显示的时候就会显示成"加粗",此时会成为粗体,我想让它显示的时候还显示" <B>加粗 </B> ",应该怎么做?非常感谢!我用的是2.6版本的FCKeditor  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-01-01 15:53 山寨货网
感谢……  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-01-03 11:10 luyx
为什么我的回车没有起到换行的作用呢

怎么jj  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-01-09 02:07 Rachel
@海边沫沫
拜读,写的确实很好  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-02-05 09:47 战神
拜读 不错
看看行不行 值得研究
QQ:369415359  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-02-05 17:33 阿斯顿发发发方法
上的反反复复反反复复反反复复   回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-02-13 10:20 xyqclq
ASP中调用HTML编辑器,提交后,显示HTML代码问题:原系统可能是用UBB编辑器的.只要在显示页面里的显示文本框中找到类似这句<% =ubbcode(unhtml(rs("content"))) %> 的语句, 改成<% =ubbcode(rs("content"))%> 或<% =rs("content") %> .就可以正确显示HTML编辑器编辑的内容了.
 不过要顺便说明,改成<% =ubbcode(rs("content")) %> 后,原UBB编辑器编辑的内容也可以显示,但没有格式变了.改成<% =rs("content")%> 后,原UBB编辑器编辑的内容显示的是原代码.  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2009-02-22 18:35 吴浩
我的也是,你知道的是什么原因了吗?@大狗
  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-03-04 20:48 学习
楼主 为什么我点图标保存后 页面刚输入的内容就都没有了啊
请问该怎么解决啊   回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-03-04 20:51 学习
如果不能保存 去掉这个按钮也行 我尝试了好久都不行 楼主教教我吧 谢谢 我QQ是610331187
  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-03-10 16:04 gfwe
交流java开发技术,促进技术进步!!!
欢迎加入java技术交流群48419050  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-03-31 11:35
楼主,按你的方法配置,显示不出 页面的编辑框(fckeditor.js)调不出来
  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-04-16 18:57 layn
楼主,请问一下知道怎么在fckeditor光标处插入文本吗,就是用脚本在光标处插入文本  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-04-21 12:35 xli
你好。怎么样在字体栏中选择“宋体”,并且能起作用。谢谢。方便时加qq354221265  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-04-25 19:36 apache
强,受教了!  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-04-27 22:06 我就是不输用户名
怎么看不懂啊!   回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-05-07 23:41 可怜人
哎~!对不起。我照着你这样配置。但是tomcat启动的时候报错了。现在改成新版本啦  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-05-08 11:41 replica watches
<a href="htp://www.2009watches.com/"><h1>replica watches</h1></a>
welcome to <a href="http://www.2009watches.com/">replica watches online shop</a>  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-05-08 11:42 replica watches
welcome to http://www.2009watches.com  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2009-05-08 16:19 zhang
有 .net 版的没?
我想要.net版的  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-05-11 18:25 lonely
有用 吗? 有用我就试试了  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-05-20 08:29 fdsf
fdssdf
dsfaf
asdfasdf
asdfasd
sdfasd
sdfasdf
sdfasdf
sdfasdf
sdfasdfsd  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-06-04 16:44 napolen
将fckeditor复制后,里面editor文件夹下的dialog文件夹有个小叉,是怎么回事呢,这个dialog文件夹有什么用呢,用的环境是myeclipse,方便的话加一下qq 365690335  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2009-06-10 14:02 呵呵
楼主的示例很好,我测试通过了。谢谢,其它没跑通的是你没部署正确,不要随便指责,是你自已的问题。  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2009-06-10 14:04 呵呵
@vb2005xu@sina.com
你有点常识行不?/
这是JS按'content' 自动创建一个  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-06-12 10:45 燕燕
你好,我想问下http://www.fckeditor.net/download/,目前版本是2.6的,我下来后就一个zip文件,我是不是也要下载FCKeditor-2.3.zip版本的才能用啊 ,
FCKeditor 2.5.1(FCKeditor_2.5.1.zip)和FCKeditor.Java(FCKeditor-2.3.zip)
  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-06-23 09:01 123





<a href=""></a>

  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2009-07-27 22:53 民工
fckdemo.jsp和fckeditor/fckeditor.js如果不是在同一个目录应该这样写
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
没有前面的"/"  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-08-28 14:19 聚资库
好文章,顶.........  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-09-30 19:34 聂亮
这么差的代码还拿出来啊
不知道有错误吗
没有引入样式表
并且那个基地址也错了
应该是这样的
oFCKeditor.BasePath='<%=basePath %>/fckeditor/';
<link href="<%=basePath %>/fckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="<%=basePath %>/fckeditor/fckeditor.js"></script>   回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-10-28 15:05 李龙
创建不出编辑器,不知道哪里出错。已经自己检查几天了。还未解决。请各位高手指点指点,QQ:838909973 感激不尽。  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2009-10-28 15:08 李龙
老是报错:未结束的字符串常量,同上。  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2010-01-05 10:57 juan
的防守对方  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2010-09-04 12:14 hyc
把fckeditor文件复制到webroot下
然后配置也和你一样
结果页面那个框显示不出来
new FCKeditor创建不出来这个对象吗?
路径应该没啥错的
都和你一样的
qq:429559515   回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2010-09-04 12:52 hyc
oFCKeditor.ToolbarSet='Demo';//指定工具栏
'Demo'指的是什么!  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2010-09-04 12:53 hyc
@聂亮
很好!  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2010-10-12 14:10 liwang
出不来的原因是!  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2010-10-12 14:12 liwang
出不来的原因是路径问题,、
oFCKeditor.BasePath='/fckeditor/';改成 oFCKeditor.BasePath='fckeditor/';
把<script type="text/javascript" src="/fckeditor/fckeditor.js"></script>
改成<script type="text/javascript" src="fckeditor/fckeditor.js"></script>  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2010-12-02 16:01 BB霜
在asp.net mvc下面也可以使用吗?  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2010-12-02 16:02 淘宝汽车坐垫
看上去这个还不错,用和ewebedit哪个更好呢  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2011-03-02 16:16 树上の蚂蚁
能写了按钮直接调用编辑器的文本颜色选择器吗??  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2011-05-17 10:17 1223
日你妈  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2011-05-30 16:12 sakilazhen
我的怎么就不出来,fck_docprops.html页面的
代码报错说option没有关闭,这是什么原因  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2011-09-01 10:24 kkk
<%@ page contentType="text/html;charset=GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<title>FCKeditor Test</title>
<link href="<%=basePath %>/fckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=basePath %>/fckeditor/fckeditor.js"></script>
</head>
<body>
<form action="fckdemo.jsp" method="post">
<%
String content = request.getParameter("content");
if (content != null) {
content = content.replaceAll("\r\n", "");
content = content.replaceAll("\r", "");
content = content.replaceAll("\n", "");
content = content.replaceAll("\"", "'");
} else {
content = "";
}
%>
<table width=100%>
<tr>
<td colspan=4 style='text-align: center' width=100% height=300px>
<span>
<script type="text/javascript">
var oFCKeditor = new FCKeditor('content');//传入参数为表单元素(由FCKeditor生成的input或textarea)的name , 对应为FCKeditor生成的一个<input>或<textarea>的“name”属性
oFCKeditor.BasePath='<%=basePath %>/fckeditor/'; //指定FCKeditor根路径,也就是fckeditor.js所在的路径
oFCKeditor.Height='100%';
oFCKeditor.Value="<%=content==null?"":(content.replaceAll("\"", "'"))%>";//
oFCKeditor.Create();
</script> </span>
</td>
</tr>
<tr>
<td align=center>
<input type="submit" value="提交">
</td>
</tr>
<tr>
<td>
&nbsp;
</td>
</tr>
<tr>
<td>
取值(可直接保存至数据库):
</td>
</tr>
<tr>
<td style="padding: 10px;"><%=content%></td>
</tr>
</table>

</form>
</body>
</html>  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2011-09-15 09:00 loan
Following my analysis, billions of persons on our planet receive the personal loans from good banks. Thus, there's good possibilities to find a small business loan in all countries.   回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2011-10-07 03:24 written essays
When you have got a chance to utilize the paper writing service, do not doubt, purchase custom essay and just chill out.   回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2012-05-09 13:12 domain registration india
Outstanding blog post, I have marked your site so ideally I’ll see much more on this subject in the foreseeable future…
  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2012-07-04 21:52 lxx
我也是 按着你写的做了 但是只出来提交和那一行字 哪位大虾帮帮我啊 251779963+++  回复  更多评论
  

# whjcwbua@gmail.com 2013-03-19 21:25 http://thebestshoelifts.weebly.com
The concept of your blog is truly fresh, I am positive that the people who find your blogs will definitely benefit your content and pointers.  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2013-04-17 10:36 Stacy
Thanks for sharing the great information about Social websites which is very important to increase our traffic and increase our visibility
stacy@listfreewebdirectories.com  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2013-09-04 11:36 li
弹出框 工具栏设置"Demo" 不存在   回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2013-11-18 09:30 Dream
FCKeditor编辑器,代码改成如下后
FCKConfig.EnterMode = 'br' ; // p | div | br
FCKConfig.ShiftEnterMode = 'p' ; // p | div | br
在编辑器中,每回车一下,内容后面自动多出一个</br>  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解[未登录] 2014-06-25 15:35 李强
做得好棒.利用客观唯一性才能正确评价事物,包括义务规定不能被逃避.  回复  更多评论
  

# re: HTML编辑器FCKeditor使用详解 2015-02-12 08:45 mkop
kanyikan  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: