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

5次阅读
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 视频播放器插件

 

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



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





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

正文完