运行代码,插入媒体,插入代码,上传附件for FCKeditor

不求别人，但求自己！自己动手给Fckeditor增加插件.. 顺便 给大家 完美版 Fckeditor 2.6.2 (包含 runcode[运行代码] Media[插入媒体]  InsertCode[插入代码] FileUpload[上传附件] separator[插入截断符] newpage[插入分页符]) runcode[运行代码] for UBB （这里是作为插件来进行设置） 最近在调试 HighLighter for Bo-Blog's Fckeditor HighLighter[高亮显示] 组件等制作好了将一同传上来 完美版 Fckeditor 2.6.2 下载： Fckeditor 2.62 完美版 For Bo-Blog.rar (339.71 KB) 使用说明： 1. 上传 Fckeditor 到 默认的插件目录 下 2. 修改 模板文件 比如我们用的是 Bo-Blog 那么我们就在 template/您的模板/elements.php  里 在相应位置加上面那句代码 比如　在　<title>{pagetitle}{blogname} - {blogdesc}</title>　下面添加： <link rel="stylesheet" href="editor/fckeditor/editor/plugins/insertcode/insertcode.css"> 查看截图： 一 ============================ 运行代码 RunCode for Bo-Blog UBB 下载：    运行代码（runcode） for Bo-Blog UBB.rar (2.34 KB) 至于运行代码 效果演示： http://www.newzz.fr.cr/read.php?123 下面我给大家逐跳给大家讲解如何添加到 Fckeditor: insertcode.jpg (26.75 KB)   收藏 分享 评分 点击查看Bo-blog 常见问题，这里也许有你要的答案
	回复 引用 订阅 TOP

icesword28 中级会员	2#   发表于 2009-5-9 20:48 | 只看该作者 等高亮。。。 离开了BO-BLOG，但还是一直关注BO-BLOG。 冰剑博客：www.binjoo.net Bo-blog官方部落格，获取程序最新进展
	回复 引用 TOP

hkkt 注册会员	3#   发表于 2009-5-9 20:57 | 只看该作者 不错，支持 生活中充满了巧合，平行线也会有相交的一天 Bo-blog解决方案，享受官方最完善的支持
	回复 引用 TOP

lajox 新手上路	4#   发表于 2009-5-9 21:14 | 只看该作者 先来说说 插入媒体 功能 如何添加的吧： 请先下载：媒体插件For FCKeditor： 下载： 多媒体插件 For FCKeditor.rar (4.94 KB) 按照以下具体步骤： 步骤一：　　将 media整个文件夹 拷贝至 editor/plugins/下。 步骤二：　　修改fckconfig.js，在文件末尾增加如下一行代码，FCKConfig.Plugins.Add('Media', 'en,zh-cn') ; 步骤三：　　修改fckconfig.js，找到toolbar按钮设置的部分， FCKConfig.ToolbarSets中添加 'Media' (注意大小写 js是区分大小写的 Media和media是不同的) 点击查看Bo-blog 常见问题，这里也许有你要的答案
	回复 引用 TOP

lajox 新手上路	5#   发表于 2009-5-9 21:23 | 只看该作者 忘了应该先上传 最原始版的： Fckeditor 2.62 编辑器原始版本： 下载： Fckeditor 2.6.2编辑器.rar (336.6 KB) 此 编辑器为 Fckeditor 2.62  上传到相应文件夹下即可使用 已经包含了  编辑器自带的含 插入/删除编号列表 插入/删除项目列表 引用文字 插入flash 等 （但不支持 插入媒体文件） 和拓展了 FileUpload[上传附件]  separator[插入截断符]  newpage[插入分页符] 等功能 此为 编辑器原始版本。 建议大家使用 此版进行增设 功能 Bo-blog解决方案，享受官方最完善的支持
	回复 引用 TOP

lajox 新手上路	6#   发表于 2009-5-9 22:21 | 只看该作者 本帖最后由 lajox 于 2009-5-10 06:24 编辑 接下来说说 插入代码 功能 如何添加的吧： 请先下载：插入代码InsertCode for Bo-Blog FCKeditor： 下载： 插入代码 InsertCode for Bo-Blog FCKeditor.rar (32.63 KB) 首先把insertcode整个文件夹放在FCK的plugins文件夹下，在 Bo-blog中就是 editor/FCKeditor/editor/plugins 。 然后把fck_editorarea.css 复制到FCKeditor/editor/css下， 直接覆盖。 修改FCKeditor/fckconfig.js文件，在 FCKConfig.Plugins.Add( 'Media', 'zh-cn' ) ;下面加上如下 一行： 如： //在FCKConfig.Plugins.Add( 'Media', 'zh-cn' ) ;下面加上 如下一行：    FCKConfig.Plugins.Add( 'insertcode' ) ;    然后修改FCKConfig.ToolbarSets， 大致如下：（不用复制下面代码，只需掌握修改方法即可！） FCKConfig.ToolbarSets["Default"] = [        ['Source','FontName','FontSize'],        ['TextColor','BGColor'],        ['Image','Media','Flash','Table','Smiley','SpecialChar'] ,        ['ShowBlocks','Preview','FitWindow'],        '/',        ['PasteText','Templates','Find','RemoveFormat'],        ['Undo','Redo'],        ['-','Bold','Italic','Underline','StrikeThrough'],        ['OrderedList','UnorderedList','-','Outdent','Indent','B lockquote'],        ['JustifyLeft','JustifyCenter','JustifyRight'],        ['Link','Unlink','Rule'],        ['Subscript','Superscript','-','InsertCode']   // No comma for the last row.  注：这里添加了 'InsertCode'   ] ;            FCKConfig.ToolbarSets["Basic"] = [             ['Source','Bold','Italic','TextColor','Image','Link','-','InsertCode']    // 注：这里添加了 'InsertCode' ] ;   最后，千万别忘记修改FCKeditor/editor/lang  下的语言文件 ，   在语言文件（zh-cn.js & zh.js & en.js） 里逐一在最后一行 加上 InsertCodeBtn    :    "插入代码"       InsertCodeBtn    :    "插入代碼" InsertCodeBtn    :    "InsertCode" 比如： // About Dialog    DlgAboutAboutTab    : "关于",    DlgAboutBrowserInfoTab  : "浏览器信息",    DlgAboutLicenseTab  : "许可证",    DlgAboutVersion     : "版本",    DlgAboutInfo        : "要获得更多信息请访问 ",   InsertCodeBtn   :   "插入代码"    };   最后， 在模板文件里加上 <link rel="stylesheet" href="editor/fckeditor/editor/plugins/insertcode/insertcode.css"> 比如我们用的是 Bo-Blog 那么我们就在 template/您的模板/elements.php  里 在相应位置加上面那句代码 比如　在　<title>{pagetitle}{blogname} - {blogdesc}</title>　下面添加一句： <link rel="stylesheet" href="editor/fckeditor/editor/plugins/insertcode/insertcode.css"> 点击查看Bo-blog 常见问题，这里也许有你要的答案
	回复 引用 TOP

lajox 新手上路	7#   发表于 2009-5-9 22:36 | 只看该作者 本帖最后由 lajox 于 2009-5-9 22:40 编辑 至于上传附件 代码实现很简单： 只需修改文件 editor/fckeditor/editordef.php 即可： 末尾的 eot 之前的上一行 添加 以下代码即可： <br>--[<a href="javascript: showhidediv('FrameUpload');" title="{$lna[741]}" class="thickbox"  style="color:olive;font-weight:900">{$lna[741]}</a>]-- <div id="FrameUpload" style="display: none;"><iframe width=90% frameborder=0 height=200 frameborder=0 src='admin.php?act=upload&useeditor={$useeditor}'></iframe></div> 插入截断符 和 插入分页符： --[<a href="javascript: fckAddText('[separator]');" title="{$lna[701]}" class="thickbox" style="color:olive;font-weight:900">{$lna[701]}</a>]--[<a href="javascript: fckAddText('[newpage]');" title="{$lna[702]}" class="thickbox" style="color:olive;font-weight:900">{$lna[702]}</a>]-- 1G博客主机+官方技术支持=365元/年
	回复 引用 TOP

lajox 新手上路	8#   发表于 2009-5-10 06:39 | 只看该作者 本帖最后由 lajox 于 2009-5-10 06:59 编辑 已经把 高亮显示 整和到了Fckeditor 中了： 放出来给 大家： Fckeditor 2.62 （相对）完美版 For Bo-Blog 下载： Fckeditor 2.62 （相对）完美版 For Bo-Blog.rar (366.83 KB) 功能说明： 在 原Fckeditor基础上 添加 了 以下 几个插件： 插入代码 InsertCode 插入媒体 Media 插入高亮显示代码 HighLighter 上传附件 FileUpload 插入截断符 [separator] 插入分页符 [newpage] 小问题： 经测试 发现 用 高亮显示HighLighter 编辑和发表 的文章 在 火狐浏览器中 显示有点 错误，ie完整无错！ 但在 ie 下 编辑和发表的文章 均能在 火狐和 ie 下 完整无错！ 所以建议 一定要 使用 高亮显示功能的 话 请用 ie来发表 文章！！！ 正因为有这么点小问题 所以叫 （相对）完美版 ====================================================== 使用说明： 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"> 效果截图： Bo-blog解决方案，享受官方最完善的支持
	回复 引用 TOP

lajox 新手上路

9#   发表于 2009-5-10 06:56 | 只看该作者 本帖最后由 lajox 于 2009-5-17 00:02 编辑 接下来说说 插入高亮代码 功能 如何添加的吧： 请先下载：插入高亮代码HighLighter（SyntaxHighlighter） for Bo-Blog FCKeditor： 下载： 插入高亮代码 HighLighter（SyntaxHighlighter） for Bo-Blog FCKeditor.rar (29.31 KB) 还可以为fckeditor加入代码高亮显示,我用的是SyntaxHighlighter. 先把 HighLighter 复制到 editor/fckeditor/editor/plugins 下 使用方法： 1、在您的FCKeditor的配置文件中（一般为fckconfig.js或custom.config.js） 配置其中的FCKConfig.ToolbarSets，添加HighLighter。 如：     FCKConfig.ToolbarSets["Default"] = [ ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],         ....         .... ['FitWindow','ShowBlocks','-','About','HighLighter'] // No comma for the last row. 注：我在这里添了'HighLighter'] ; 当然，你可以放到别的工具栏，不过记得注意大小写。 2、根据你指定的plugin目录，注册plugin 如： 在 fckconfig.js 最后一行 添加：     // 代码语法高亮插件     FCKConfig.Plugins.Add( 'HighLighter', 'zh-cn,en' ) ; 记得注意大小写。 3、OK,你会发现你的FCK工具栏的图片多了一个 图标。你就可以使用语法高亮显示功能了。 最后，在模板文件里加上 <link rel="stylesheet" href="editor/fckeditor/editor/plugins/HighLighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css"> 比如我们用的是 Bo-Blog 那么我们就在 template/您的模板/elements.php  里 在相应位置加上面那句代码 比如　在　<title>{pagetitle}{blogname} - {blogdesc}</title>　下面添加一句： <link rel="stylesheet" href="editor/fckeditor/editor/plugins/HighLighter/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css">

转自 http://bbs.bo-blog.com/viewthread.php?tid=23520&page=1