常见问题 官方日志 感受领先的论坛体验 Bo-blog 说明文档
Bo-Blog空间解决方案 500M/200元官方主机
高性价比、可半年付款
Bo-Blog bW Bo-blog专用美国主机
365元/年
返回列表 回复 发帖

[原创插件] FCKeditor_2.6.4 for Bo-Blog 完美版(含插入代码,高亮,媒体,Flv等)

本帖最后由 lajox 于 2009-6-3 13:34 编辑

FCKeditor 2.6.4 目前是 官方最新版 (官方于 2009/01/14 日发布)
    FCKeditor 2.6.4 官方版:   FCKeditor_2.6.4.tar.gz (936.3 KB)
    或者你也可 到官方里面下载 http://www.fckeditor.net/download

下载 回来 要 应用 为 Bo-Blog 的 fckeditor 编辑器,当然有修改下了。 功能完全和官方一样,没做修改。
  现在放出 FCKeditor_2.6.4 for Bo-Blog原始版本:
       下载: FCKeditor_2.6.4 for Bo-Blog.rar (793.05 KB)

  可是 ,FCKeditor 2.6.4官方版 没有 插入代码,插入高亮,运行代码,插入媒体,插入Flv视频,上传附件,插入截断符,插入分页符 等诸多功能 怎么办,
只好自己加了。


我已经为 大家 提供了 FCKeditor_2.6.4 for Bo-Blog 完美版 For Bo-Blog
   下载: FCKeditor_2.6.4 for Bo-Blog 完美版.rar (848.83 KB)

整和了 (包含 InsertCode[插入代码] HighLighter[插入高亮] Media[插入媒体]  InsertVideo[插入Flv视频]   FileUpload[上传附件] separator[插入截断符] newpage[插入分页符])


使用说明:
1. 上传 Fckeditor 到 默认的目录 下
2. 修改 模板文件
比如我们用的是 Bo-Blog
那么我们就在 template/您的模板/elements.php  里 在相应位置加上面那句代码
比如 在 <title>{pagetitle}{blogname} - {blogdesc}</title> 下面添加:

<link rel="stylesheet" href="editor/fckeditor/editor/plugins/insertcode/insertcode.css">
<link rel="stylesheet" href="editor/fckeditor/editor/plugins/HighLighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css">

需要注意的是:
如果你的blog 不是放在根路径 而是放在 比如 /blog 的路径下的话,
还要修改 editordef.php 中的 oFCKeditor.BasePath = '/editor/fckeditor/' 语句 为您的 blog路径地址 oFCKeditor.BasePath =

'/blog/editor/fckeditor/'。
1.jpg
2009-5-17 08:54


2.jpg
2009-5-17 08:54


3.jpg
2009-5-17 08:54


4.jpg
2009-5-17 08:54


5.jpg
2009-5-17 08:54


6.jpg
2009-5-17 08:54


7.jpg
2009-5-17 08:54


8.jpg
2009-5-17 08:54


9.jpg
2009-5-17 08:54


10.jpg
2009-5-17 08:54


11.jpg
2009-5-17 08:54


12.jpg
2009-5-17 08:54



可惜 还没 调试好 运行代码[runcode] for fckeditor , 所以完美版没有 运行代码功能,要实现运行代码 只有先切换编辑器到 UBB了。麻烦了点
等 调试好了,也将一同传上来。

  下面也顺带 说下 各个 功能是如何添加到 fckeditor 中的:


补充: 完美版文件 于 2009/05/20 18:13 更新纠正了
问题补充:
之前 大家 下载的 fckeditor 编辑器 出现 ie无法播放 wma wmv mp3 等 windows media player 类型媒体文件 的 情况 的 解决方法:
要么请重新下载,
要么请 下载 2楼的 插入媒体 for FCKeditor  ,下载回去  Media 覆盖 media.
用简单版本的插入媒体 就不会出现此错误。

-------------------------------------------------------------------

PS:  很多人反映 为什么 找不到文件 或 没有安装成功
   那是因为你 的blog 不是放在根路径,而是放在 /blog 下的话,

还要修改 editordef.php 中的 oFCKeditor.BasePath = '/editor/fckeditor/' 语句 为您的 blog路径地址 oFCKeditor.BasePath =
'/blog/editor/fckeditor/'。
这点 之前忘了 说明。 现在补充。
本帖最后由 lajox 于 2009-5-17 08:36 编辑

插入媒体 for FCKeditor 2.6.4 Bo-Blog  如何添加说明:

请先下载: 插入媒体 for FCKeditor 2.6.4 Bo-Blog.rar (7.1 KB)


  1. 安装说明:
  2. 自己动手 添加 媒体插件 到 FCKeditor 2.6.4官方版 说明:
  3. 安装步骤一:  将 media整个文件夹 拷贝至 editor/plugins/下。
  4. 安装步骤二:  修改fckconfig.js,在文件末尾增加如下一行代码,FCKConfig.Plugins.Add('Media', 'en,zh-cn') ;
  5. 安装步骤三:  修改fckconfig.js,找到toolbar按钮设置的部分, FCKConfig.ToolbarSets中添加 'Media'

  6. 安装步骤四:  修改fckconfig.js,在文件 最后一行继续添加:
  7. /*************这里新赠增 MediaBrowser 上传 begin******************/
  8. FCKConfig.MediaBrowser = true ;
  9. FCKConfig.MediaBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Media&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;
  10. FCKConfig.MediaBrowserWindowWidth  = FCKConfig.ScreenWidth * 0.7 ; //70% ;
  11. FCKConfig.MediaBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; //70% ;
  12. FCKConfig.MediaUpload = true ;
  13. FCKConfig.MediaUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=Media' ;
  14. FCKConfig.MediaUploadAllowedExtensions = ".(mp3|wma|wav|wmv|mov|avi|swf|flv|mp4|mpg|rm|rmvb)$" ; // empty for all
  15. FCKConfig.MediaUploadDeniedExtensions = "" ;     // empty for no one
  16. /*************这里新赠增 MediaBrowser 上传 end******************/
  17. 安装步骤五:  
  18. 修改 fckeditor\editor\filemanager\connectors\php\ 下的 config.php
  19. $Config['UserFilesPath'] = '/userfiles/'  
  20. 把 '/userfiles/' 替换成 777权限 的目录。如 可以 换成 '/attachment/'
  21.   因为 Bo-Blog 默认上传路径 也是 '/attachment/' ,所以附件放在 这里最合适
  22. 相应的 也可
  23. 修改:
  24. $Config['QuickUploadPath']['File']  = $Config['UserFilesPath'] ;
  25.   为:
  26. $Config['QuickUploadPath']['File']  = $Config['UserFilesPath'] . 'file/' ;
  27. 修改
  28. $Config['QuickUploadPath']['Image']  = $Config['UserFilesPath'] ;
  29.   为:
  30. $Config['QuickUploadPath']['Image']  = $Config['UserFilesPath']  . 'image/';
  31. 修改
  32. $Config['QuickUploadPath']['Flash']  = $Config['UserFilesPath'] ;
  33.   为:
  34. $Config['QuickUploadPath']['Flash']  = $Config['UserFilesPath']  . 'flash/';
  35. 修改
  36. $Config['QuickUploadPath']['Media']  = $Config['UserFilesPath'] ;
  37.   为:
  38. $Config['QuickUploadPath']['Media']  = $Config['UserFilesPath']  . 'media/';
复制代码



本帖最后由 lajox 于 2009-5-20 17:42 编辑

插入媒体 for FCKeditor 增强版 2.6.4 Bo-Blog  如何添加说明:

完美版 就是整和了 插入媒体增强版  的

请先下载: 插入媒体 for FCKeditor 增强版 2.6.4 Bo-Blog.rar (34.41 KB)


  1. 插入媒体 for FCKeditor 2.6.4 增强版:

  2. 安装说明:
  3. 自己动手 添加 媒体插件 到 FCKeditor 2.6.4官方版 说明:
  4. 安装步骤一:  将 media整个文件夹 拷贝至 editor/plugins/下。
  5. 安装步骤二:  修改fckconfig.js,在文件末尾增加如下一行代码,FCKConfig.Plugins.Add('Media', 'en,zh-cn') ;
  6. 安装步骤三:  修改fckconfig.js,找到toolbar按钮设置的部分, FCKConfig.ToolbarSets中添加 'Media'

  7. 安装步骤四:  修改fckconfig.js,在文件 最后一行继续添加:
  8. /*************这里新赠增 MediaBrowser 上传 begin******************/
  9. FCKConfig.MediaBrowser = true ;
  10. FCKConfig.MediaBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=Media&Connector=' + encodeURIComponent( FCKConfig.BasePath + 'filemanager/connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ) ;
  11. FCKConfig.MediaBrowserWindowWidth  = FCKConfig.ScreenWidth * 0.7 ; //70% ;
  12. FCKConfig.MediaBrowserWindowHeight = FCKConfig.ScreenHeight * 0.7 ; //70% ;
  13. FCKConfig.MediaUpload = true ;
  14. FCKConfig.MediaUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=Media' ;
  15. FCKConfig.MediaUploadAllowedExtensions = ".(mp3|wma|wav|wmv|mov|avi|swf|flv|mp4|mpg|rm|rmvb)$" ; // empty for all
  16. FCKConfig.MediaUploadDeniedExtensions = "" ;     // empty for no one
  17. /*************这里新赠增 MediaBrowser 上传 end******************/
  18. 安装步骤五:  
  19. 修改 fckeditor\editor\filemanager\connectors\php\ 下的 config.php
  20. $Config['UserFilesPath'] = '/userfiles/'  
  21. 把 '/userfiles/' 替换成 777权限 的目录。如 可以 换成 '/attachment/'
  22.   因为 Bo-Blog 默认上传路径 也是 '/attachment/' ,所以附件放在 这里最合适
  23. 相应的 也可
  24. 修改:
  25. $Config['QuickUploadPath']['File']  = $Config['UserFilesPath'] ;
  26.   为:
  27. $Config['QuickUploadPath']['File']  = $Config['UserFilesPath'] . 'file/' ;
  28. 修改
  29. $Config['QuickUploadPath']['Image']  = $Config['UserFilesPath'] ;
  30.   为:
  31. $Config['QuickUploadPath']['Image']  = $Config['UserFilesPath']  . 'image/';
  32. 修改
  33. $Config['QuickUploadPath']['Flash']  = $Config['UserFilesPath'] ;
  34.   为:
  35. $Config['QuickUploadPath']['Flash']  = $Config['UserFilesPath']  . 'flash/';
  36. 修改
  37. $Config['QuickUploadPath']['Media']  = $Config['UserFilesPath'] ;
  38.   为:
  39. $Config['QuickUploadPath']['Media']  = $Config['UserFilesPath']  . 'media/';
复制代码


插入媒体 for FCKeditor 增强版 出了点 问题啦:

问题补充: ie 无法播放 wma wmv mp3 等 windows media player  媒体 文件 的 补充
内容 请见: 19楼 的
http://bbs.bo-blog.com/viewthread.php?tid=23606&page=2#pid91140
插入FLV视频功能 for FCKeditor For Bo-Blog  如何添加说明:

请先下载: 插入FLV视频功能 for FCKeditor For Bo-Blog.rar (44.01 KB)


插入FLV视频功能 for FCKeditor
说明:

把insertvideo复制到 fckeditor/editor/plugins文件夹下
修改fckeditor文件夹下的fckconfig.js
在最后一行加上FCKConfig.Plugins.Add('insertvideo', 'zh-cn,en');
最后在工具栏里引用'insertvideo'
即在 FCKConfig.ToolbarSets["Default"] 中 相应位置 加入 'insertvideo'
本帖最后由 lajox 于 2009-8-30 21:11 编辑

插入FLV视频功能 for FCKeditor 增强版 for Bo-Blog  如何添加说明:

完美版 就是整和了 插入Flv视频增强版  的

请先下载: Fckeditor 插入Flv视频(增强版) 插件.rar (47.17 KB)

更新记录: 2009-08-30 21:12 进行更新。FCKeditor_2.6.4  Linux-Windows 正式完美版 for Bo-Blog正应用此插件。

添加说明:

1. 上传 insertvideo文件夹到 fckeditor/editor/plugins/ 下

2. 修改 Fckeditor/fckconfig.js 中相应位置 添加一行下面代码,比如在最后一行添加:

    FCKConfig.Plugins.Add('insertvideo', 'zh-cn,en'); //这里加入了 Flv视频 插件
   
3. 修改 Fckeditor/fckconfig.js ,在工具栏设置部分 FCKConfig.ToolbarSets中相应位置添加 'insertvideo'

4. 设置播放器路径,修改 fckeditor\editor\plugins\insertvideo\js\insertvideo.js

    var str = 'editor/fckeditor/editor/plugins/insertvideo/player/jwplayer.swf'; //这里设置播放器jwplayer.swf的绝对路径


至于

插入代码
请参阅: http://bbs.bo-blog.com/viewthread.php?tid=23520&page=1#pid90395

上传附件,插入截断符,插入分页符
请参阅:http://bbs.bo-blog.com/viewthread.php?tid=23520&page=1#pid90396

插入高亮代码
请参阅:http://bbs.bo-blog.com/viewthread.php?tid=23520&page=1#pid90410
好 我第一时间 下载并试用
很好,很强大,支持!
后埝口小站
本帖最后由 lixueao 于 2009-5-24 15:57 编辑

支持!
后埝口小站
这个要支持 不支持不行
“豆腐‖BLOG http://www.doufu.fr/
返回列表