FCKeditor编辑器FLV视频播放器插件教程

FLV格式的视频很流行,PHPCMS2008却不支持这个功能,我找到了一个国外人专门为fckeditor制作的强大FLV视频播放器插件,可以自定义播放器界面颜色,可设置播放器默认图片,支持单文件和XML文档列表调用。 
并把它汉化了一下,现提供给有需要的网友。
步骤:直接下载压缩包后,将文件夹flvplayer拷贝到fckeditoreditorplugins目录下,然后修改fckeditor/fckconfig.js此文件,在此文件中FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;下面加入以下代码: 
FCKConfig.Plugins.Add( 'flvPlayer','zh-cn') ; 
其中zh-cn对应lang文件夹下的语言包文件名; 
然后在编辑器控制面板中加入视频按钮,在调用工具栏参数的Media后面加入flvPlayer(注意正确加上标点符号,否则会报错)。如下所示:
FCKConfig.ToolbarSets[ "standard"] = [
['Source','Paste','PasteText','PasteWord','-','Undo','Redo','-','Bold','Italic','Underline','StrikeThrough','TextColor','Table','-','JustifyLeft','JustifyCenter','JustifyRight','OrderedList','UnorderedList','-','Image','Attach','Flash','Media','flvPlayer'],完成以上操作后,此时启动fckeditor编辑器应该在编辑器的toolbar上多了一个图标,点击此图标即可添加你的FLV视频文件了。如果报错,提示找不到工具项,那是FCKEDITOR的缓存没清除,退出后台或更新缓存,刷新一下,重新进入就可以看到FLV播放器图标了。
压缩包里已经包含了fckconfig.js文件,不会设置的网友直接复盖原文件就行。

修正播放器移位问题:打开2008模板文件夹里的PHPCMS.CSS文件,找到
#endtext,#endtext p,#endtext li,#content p{text-align:left; text-indent:2em; overflow:hidden; font-size:14px; clear:both; line-height: 180%; word-wrap:break-word; word-break:break-all;}这句,把text-indent:2em;删掉,这句话的意思是缩进2个em单位,所以造成部分播放界面看不见。也可以删掉#endtext,这个ID,但可能会造成页面其它的影响,各位就看情况取舍了。

帖士:FCKEDITOR是一个强大的开源软件,很多系统都在用,也有不少人开发了各种插件。
经常在论坛上看到许多网友抱怨编辑器不好,其实是不熟悉它的特性。在此顺便搜集一些设置方法给网友参考。
打开fckeditor/fckconfig.js文件进行修改
工具栏设置:
FCKConfig.ToolbarSets["default"] =
这个是编辑器自带的默认设置
PHPCMS2008增加了三个设置,分别对应“完全”“标准”“简洁”三个设置。
完全 FCKConfig.ToolbarSets["full"] =
标准 FCKConfig.ToolbarSets["standard"] = 
简洁 FCKConfig.ToolbarSets["introduce"] =
(在模型设置--自定义字段管理--编辑器就可以调出相应的模式)
=号后面的参数就是代表不同的按钮,参数含义如下:
source       源代码
docProps     页面属性
-            分隔线
save         保存
newPage      新页面
preview      预览
Templates    模板
Cut          剪切
Copy         拷贝
Paste        粘贴
PasteText    粘贴为无格式文本
PasteWord    粘贴为MS WORD文档
Print        打印
SpellCheck   拼写检查
Undo         撤消
Redo         重做
Find         搜索
Replace      替换
SelectAll    全选
RemoveFormat 清除格式
Form
Checkbox
Radio
TextField
Textarea
Select  选择
Button  按钮
ImageButton
HiddenField
Bold  加粗
Italic
Underline
StrikeThrough
Subscript
Superscript
OrderedList
UnorderedList
Outdent
Indent
JustifyLeft
JustifyCenter
JustifyRight
JustifyFull
Link 链接
Unlink
Anchor
Image
Flash
Table
Rule
Smiley
SpecialChar
PageBreak
UniversalKey
Style
FontFormat
FontName
FontSize
TextColor
BGColor
FitWindow
About
(没标汉字的大家翻译一下就会明白)

根据不同的需求,只要修改一下参数就可以调出相应的按钮了。

功能设置:
FCKConfig.FontNames 里增加国人常用的 宋体;楷体;黑体;隶书;行楷; 等
FCKConfig.FontSizes 里加上常用的字体大小 12px;14px;16px;18px;24px;26px;28px;32px;等
FCKConfig.CustomConfigurationsPath = '' ; // 自定义配置文件路径和名称
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 编辑区的样式表文件
FCKConfig.EditorAreaStyles = '' ; // 编辑区的样式表风格
FCKConfig.ToolbarComboPreviewCSS =''; //工具栏预览CSS
FCKConfig.DocType = '' ;//文档类型
FCKConfig.BaseHref = ''; // 相对链接的基地址
FCKConfig.FullPage = false ; //是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容
FCKConfig.StartupShowBlocks = false ;//决定是否启用"显示模块"
FCKConfig.Debug = false ;//是否开启调试功能
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; //皮肤路径
FCKConfig.PreloadImages=... //预装入的图片
FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; //插件路径
FCKConfig.AutoDetectLanguage = true ; //是否自动检测语言
FCKConfig.DefaultLanguage  = 'zh-cn' ; //默认语言
FCKConfig.ContentLangDirection = 'ltr' ; //默认的文字方向,可选"ltr/rtl",即从左到右或从右到左
FCKConfig.ProcessHTMLEntities = true ; //处理HTML实体
FCKConfig.IncludeLatinEntities = true ; //包括拉丁文
FCKConfig.IncludeGreekEntities = true ;//包括希腊文
FCKConfig.ProcessNumericEntities = false ;//处理数字实体
FCKConfig.AdditionalNumericEntities = ''  ;  //附加的数字实体
FCKConfig.FillEmptyBlocks = true ; //是否填充空块
FCKConfig.FormatSource  = true ; //在切换到代码视图时是否自动格式化代码
FCKConfig.FormatOutput  = true ; //当输出内容时是否自动格式化代码
FCKConfig.FormatIndentator = '    ' ; //当在源码格式下缩进代码使用的字符
FCKConfig.StartupFocus = false ; //开启时焦点是否到编辑器,即打开页面时光标是否停留在fckeditor上
FCKConfig.ForcePasteAsPlainText = false ; //是否强制粘贴为纯文件内容
FCKConfig.AutoDetectPasteFromWord = true ; //是否自动探测从word粘贴文件,仅支持IE
FCKConfig.ShowDropDialog = true ;//是否显示下拉菜单
FCKConfig.ForceSimpleAmpersand = false ;//是否不把&符号转换为XML实体
FCKConfig.TabSpaces  = 0 ;//按下Tab键时光标跳格数,默认值为零为不跳格
FCKConfig.ShowBorders = true ;//合并边框
FCKConfig.SourcePopup = false ;//弹出
FCKConfig.ToolbarStartExpanded = true ;//启动fckeditor工具栏默认是否展开
FCKConfig.ToolbarCanCollapse = true ;//是否允许折叠或展开工具栏
FCKConfig.IgnoreEmptyParagraphValue = true ;//是否忽略空的段落值
FCKConfig.FloatingPanelsZIndex = 10000 ;//浮动面板索引
FCKConfig.HtmlEncodeOutput = false ;//是否将HTML编码输出
FCKConfig.TemplateReplaceAll = true ;//是否替换所有模板
FCKConfig.ToolbarLocation = 'In' ;//工具栏位置,
FCKConfig.CustomConfigurationsPath = '' ; // 自定义配置文件路径和名称
FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 编辑区的样式表文件
FCKConfig.BaseHref = ''; // 相对链接的基地址
FCKConfig.Debug = true/false; // 是否开启调试功能,当调用FCKDebug.Output()时,会在调试窗中输出内容
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/'; // 设置皮肤
FCKConfig.AutoDetectLanguage = true/false ; // 是否自动检测语言
FCKConfig.DefaultLanguage = 'zh-cn' ; // 设置默认语言
FCKConfig.ContentLangDirection = 'ltr/rtr'; // 默认文字方向,ltr左,rtr右
FCKConfig.FillEmptyBlocks = true/false ; // 使用这个功能,可以将空的块级元素用空格来替代
FCKConfig.FormatSource = true/false; // 切换到代码视图时,是否自动格式化代码
FCKConfig.FormatOutput = true/false; // 当输出内容时是否自动格式化代码
FCKConfig.FormatIndentator = ""; // 当在“源码格式”下缩进代码使用的字符
FCKConfig.GeckoUseSPAN = true/false; // 是否允许SPAN标记代替B,I,U标记
FCKConfig.StartupFocus = true/false; // 开启时是否FOCUS到编辑器
FCKConfig.ForcePasteAsPlainText = true/false;// 强制粘贴为纯文本
FCKConfig.ForceSimpleAmpersand = true/false; // 是否不把&符号转换为XML实体
FCKConfig.TabSpaces = 0/1; // TAB是否有效
FCKConfig.TabSpaces = 4; // TAB键产生的空格字符数
FCKConfig.ShowBorders = true/false; // 是否合并边框
FCKConfig.ToolbarStartExpanded = true/false; // 页面载入时,工具栏是否展开,点“展开工具栏”时才出现
FCKConfig.ToolBarCanCollapse = true/false; // 是否允许展开折叠工具栏
FCKConfig.ToolbarSets = object ; // 编辑器的工具栏,可以自行定义,删减,可参考已存在工具栏
FCKConfig.EnterMode = 'p'; // 编辑器中直接回车,在代码中生成,可选为p | div | br
FCKConfig.ShiftEnterMode = 'br'; // 编辑器中Shift+回车,在代码中生成,可选为p | div | br
FCKConfig.ContextMenu = 字符串数组; // 右键菜单的内容
FCKConfig.FontColors = ""; // 文字颜色列表
FCKConfig.FontNames = ""; // 字体列表
FCKConfig.FontSizes = ""; // 字号列表
FCKConfig.FontFormats = ""; // 文字格式列表
FCKConfig.StylesXmlPath = ""; // CSS样式列表的XML文件的位置
FCKConfig.TemplatesXmlPath = ""; // 模版的XML文件位置
FCKConfig.SpellChecker = "ieSpell/Spellerpages"; // 拼写检查器
FCKConfig.IeSpellDownloadUrl = ""; // 下载拼写检查器的网址
FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/'; // 表情文件存放路径
FCKConfig.SmileyImages = ''; // 表情文件名称列表,具体参考默认设置
FCKConfig.SmileyColumns = 8; // 表情窗口显示表情列数
FCKConfig.SmileyWindowWidth = 320; // 表情窗口显示宽度,此窗口会因为表情文件的改变而作调整
FCKConfig.SmileyWindowHeight = 240; // 表情窗口显示高度,此窗口会因为表情文件的改变而作调整
FCKConfig.FullPage = true/false; // 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容

点击下载:功能强大的fckeditorFLV视频播放器插件