FCKeditor 多媒体插件:Meida

FCKeditor应该是在线可视编辑器里的老大了,不但开源、免费,而且跨平台,任何一种语言都可以使用。优点实在太多了,以前写过一篇专门介绍FCK的文章,有兴趣的朋友可以研究一下 https://www.wilf.cn/post/206.html

这里介绍一个FCK的插件,多媒体插件,支持Windows Media,Real,QuickTime,Flash,Shockwave,完全可以替换FCK自带的flash插入功能。

前段时间在发过一篇《利用Fckeditor插入MP3或视频文件》,是通过修改FCK的Flash插入实现插入多媒体的,和这里的插件原理是一样的。

插件的具体使用方法如下:

1、解压文件到 FCKeditor\editor\plugins

2、修改配置文件 FCKeditor\fckconfig.js ,包括启用插件和添加按钮。

FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;         //找到这一句,配置插件路径
FCKConfig.Plugins.Add( 'Media''en,zh,zh-cn' ) ;  //启用插件
…………  //中间代码省略
FCKConfig.ToolbarSets["Default"] = [
['Source','Templates'],
['FontName','FontSize'],
['TextColor','BGColor'],
['Image','Flash'],  //可以用Media替换Flash
['Table','Rule'],
['FitWindow','ShowBlocks'],
['Smiley','SpecialChar','Media'], //或者加入Media按钮
'/',
['PasteText','PasteWord','RemoveFormat'],
['Undo','Redo','Find','Replace'],
['Bold','Italic','Underline','StrikeThrough'],
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight'],
['Anchor','Link','Unlink'] //我的按钮的配置,可能和你的不太一样
] ;

文件下载:media.rar

FCKeditor 自定义模板

今天花了点时间,把 Fckeditor 编辑器的模板研究了一下。其实很简单,只要修改一个文件就可以实现DIY了。

fckeditor/fcktemplates.xml 代码结构分析

<?xml version="1.0"encoding="utf-8"?>
<Templates imagesBasePath="fck_template/images/">
<!--上面节点:模板功能的起始根节点,并用来指明模板示意图的目录位置-->
<!--比如上面已有的地址表明了我现在的模板图片文件所在位置是:\测试工程\fckeditor\editor\dialog\fck_template\images-->
<Template title="fckeditor自建模板" image="template4.jpg">
<!--上面节点:表示一个一个的不同模板,譬如我创建多组TEMPLATE节点,那么在显示的时候就会有多个模板可供使用编辑器的人选择-->
<!--上面节点:另外2个属性分别表示模板提示名称和示例图文件名-->
<Description>本模板是验货报告表的验货主题部分</Description>
<!--上面节点:该模板的功能说明-->
<!--下面节点:TABLE标签就是模板主体,就是这部分可以根据用户自由操作-->
<Html>
<![CDATA[
<table align="left" cellspacing="0" cellpadding="0" width="98%" border="0">
<tbody>
<tr>
<td colspan="4" align="center"> </td>
<td align="center">&nbsp; </td>
<td align="center">&nbsp; </td>
</tr>
</tbody>
</table>
]]>
</Html>
</Template>
</Templates>

继续阅读

Fckeditor 插入 MP3 或视频文件

之前有位朋友问我为什么Fckeditor不能插入MP3音乐的问题,当时真的不知道如何回答他。Fckeditor不久前刚刚发布了最新的版本2.5,功能又进一步强化了,我也把博客编辑器给更新了一下。

Google了一下,还是找到了解决插入MP3和视频文件的办法:http://blog.csdn.net/xinma/archive/2007/09/15/1785948.aspx

要说明一下,第一步中的D.src.endsWith(‘.swf’,true) 在以前的版本可能为C.src.endsWith(‘.swf’,true)。

修改前注意备份文件,以免造成不必要的麻烦。

一、分别打开:editor/js/fckeditorcode_ie_1.js和/editor/js/fckeditorcode_gecko_1.js

找到程序代码

以下是代码片段:
D.src.endsWith(‘.swf’,true)

替换为:

以下是代码片段:
D.src.endsWith(‘.swf’,true) || D.src.endsWith(‘.mpg’,true) || D.src.endsWith(‘.asf’,true) || D.src.endsWith(‘.wma’,true) || D.src.endsWith(‘.wmv’,true) || D.src.endsWith(‘.avi’,true) || D.src.endsWith(‘.mov’,true) || D.src.endsWith(‘.mp3’,true) || D.src.endsWith(‘.rm’,true) || D.src.endsWith(‘.ra’,true) || D.src.endsWith(‘.rmvb’,true) || D.src.endsWith(‘.mid’,true) || D.src.endsWith(‘.ram’,true)

继续阅读

[转]FCKeditor 2.x 的设置、修改、使用

http://www.fckeditor.net/demo

对于一个全新的网站,FCKeditor就可以直接拿过来用了,不需要进行什么修改。但是对于绝大多数的已有网站而言,FCKeditor的一些设置并不适合自己的使用,这篇文章旨在告诉你简单的修改FCKeditor以方便您的网站的使用。

第一项工作就是对这个功能宏大的编辑器进行精简,当然是文件精简而非功能精简化。在这里我以asp版的FCKeditor为例进行,进入到FCKeditor 文件夹下,先把,’BGColor’,’-‘,’Smiley’,’SpecialChar’,’Replace’,’Preview’]以“_”为开头的文件夹统统删除,这些文件夹里放的是范例或是一些其它工具。其实也就是只保留editor文件夹、fckconfig.js、fckeditor.asp、fckeditor.js、fckstyles.xml、fcktemplates.xml就可以了,最外层的精简化完毕,进入到editor文件夹内,先把“_source”文件夹删除,这里是一些源文件,对于使用来说没什么用处。

进入images文件夹,删除smiley文件夹,些文件是放表情图标的,由于接下来我会用我自己的表情图标,先把他们的删除,当然,如果你想用这里的表情图标那就不要删掉了。退出 images再进入lang文件夹内,这里的东西可以来个大清洗了,只保留fcklanguagemanager.js、zh-cn.js、en.js、zh.js这四个文件,第一个文件是语言配置文件,有了它才能和fckconfig.js里的设置成对对应上相应的语言文件,zh-cn.js是简体中文语言包,en.js就不用说了吧,zh.js是繁体中文的。怎么样?一下子少了几百K,爽吧~ 继续阅读

FCKeditor VS eWebEditor

我是没有太多资格写这样的文章的,毕竟我接触的还很少。平时很多地方都可以用到可视编辑器,比如论坛、博客、淘宝卖家发布商品等。这些可视编辑器可以让Web 程序拥有如MS Word 这样强大的编辑功能。下要介绍两款可视编辑器,分别是FCKeditoreWebEditor

我们的Z-BLOG使用的可视编辑器就是FCKeditor。可以说在所有的在线编辑器中,FCKeditor是目前互联网上最好的编辑器,功能强大,支持多种浏览器,无平台限制,可以和多种Web语言融合,多语言支持,开放源码(我也是开源主义者),扩展方便等。

以前做过几个网站,都是使用eWebEditor作为后台的可视编辑器,例如学校摄影协会的网站。不过是免费的2.8版,很多功能都无法实现,用起来很不爽!前段时间看到 eWebEditor 提供了最新版本4.6.0的精简版的下载,便又动了心。下载了eWebEditor V4.6,并安装到了Z-BLOG,结果效果并不是很好,只好换回来了。


在我看来,eWebEditor的主要缺点,就是加载速度太慢!这也是我不用它的主要原因。

对于在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件(按钮图片):

  • 与编辑器相关的所有图像,脚本以及调用页
  • 语言文件
  • 编辑器的皮肤文件
  • 工具样的贴图等

这些将导致在服务器和客户端间产生相当的流量,如果在同一时间里有许多文件被调用,那么即便每个文件很小,也会让用户等得不耐烦。

而FCKeditor的就解决了在个问题,用户只需很少的时间就可以载入FCKeditor所需的文件。 继续阅读