这段时间非常非常的忙碌，所以博客有很长一段时间没有更新了，做了很多很多东西（包括制作了两套WordPress主题，稍后有时间会整理发布的），但却没时间整理出来和大家分享，整理文档是一件很累人的事情，特别一些程序文档，在做主题看了些WordPress 3.0文档，对一些新功能做了些试验
以下是其中之一（所见即所得样式 add_editor_style();)
在主题得functions.php加入
// This theme styles the visual editor with editor-style.css to match the theme style. add_editor_style();
主题目录下添加 editor-style.css 文件，把主题的全局样式，一些常规样式放进去，这样你在编写文章时后台编辑器和前台的显示一样的，几乎达到95%（其实看你整理的够不够全）。
我非常喜欢这个功能，它能让我轻易的编辑出自己想要的排版，虽然这个功能已经很完美了，但还是希望能有class名添加功能
]]>），导致排版困难，下面我们看看此插件的一些特性和功能]]>
- 字体以及字体大小选择
- 插入表情
- 超级表格
- 高级的链接和图片对话框，提供了很多选项
- 搜索和替代提高效率
- 支持的XHTML特定的标记和层
- 支持内嵌的CSS样式添加到任何内容。
- 禁止WP发布文章时清除多余空格
- 导入主题CSS到编辑器窗口
- 添加内文分页按钮（当然需要内文分页插件支持）
更多功能请参考插件以及附图
插件下载：http://wordpress.org/extend/plugins/tinymce-advanced/
插件作者：http://www.laptoptips.ca/projects/tinymce-advanced/
所以我们安装插件后需要修改下面三个CSS文件，打开这三个CSS文件
dialog.css
content.css
ui.css
通过查找font-size标签把字体大小改至12px(注意小于12px才需要修改大于侧无需修改)
路径：/wp-includes/js/tinymce/themes/advanced/skins/wp_theme/*.css
下载此插件：FCK AudioPlay.rar
2008-11-20更新
添加自动播放
添加循环播放
添加曲目
添加艺人
安装插件方法：
解压后放置FCK插件目录FCKeditoreditorplugins
1、在您的FCKeditor的配置文件中（一般为fckconfig.js或custom.config.js）
添加工具条：FCKConfig.ToolbarSets，添加 AudioPlay。
如：
FCKConfig.ToolbarSets["review"] = [
['AudioPlay','Bold','Italic','Underline','StrikeThrough','Link','Unlink']
];
当然，你可以放到别的工具栏，不过记得注意大小写。
2、找到FCKConfig.PluginsPath = FCKConfig.BasePath + ‘plugins/’ ;下面添加
// AudioPlay插件
FCKConfig.Plugins.Add( ‘AudioPlay’, ‘zh-cn’ ) ;
3、OK,你会发现你的FCK工具栏图标已经多了个音乐图标，你就可以使用该功能了。
界面：
注意：
安装此FCK插件必须安装 Audio Player 插件才能使用
此插件修改自WordPress Audio Player，使用于Zblog
下载此插件：AudioPlayer.zpi
2008-11-20更新
添加自动播放
添加循环播放
上一曲 下一曲
显示曲目
显示艺人
添加音量控制 更新官方新版swf
修正FF下出现线框 简洁swf代码
修正中文显示
测试自己比较喜欢的2首歌曲《布列瑟农bressanon》《真的爱你beyond》
滚动简介测试：北京欢迎你
完整使用代码：
audio:1.mp3,2.mp3&titles=曲目1,曲目2&artists=歌手1,歌手2&autostart=yes&loop=yes 前后加[ ]
色彩定制
| 选项 | 默认值 | 描述 |
|---|---|---|
| bg | E5E5E5 | 背景 |
| leftbg | CCCCCC | 扬声器图标/音量控制背景 |
| lefticon | 333333 | 扬声器图标 |
| voltrack | F2F2F2 | 音量条 |
| volslider | 666666 | 音量滑块 |
| rightbg | B4B4B4 | 播放/暂停按钮的背景 |
| rightbghover | 999999 | 播放/暂停按钮的背景（悬停状态） |
| righticon | 333333 | 播放/暂停图标 |
| righticonhover | FFFFFF | 播放/暂停图标（悬停状态） |
| loader | 009900 | 加载条 |
| track | FFFFFF | 加载/进度条跟随的背景 |
| tracker | DDDDDD | 进度跟随 |
| border | CCCCCC | 进度条边界 |
| skip | 666666 | 上一曲/下一曲跳过按钮 |
| text | 333333 | 文字 |
中间部分“轨道”
| 选项 | 默认值 | 描述 |
|---|---|---|
| soundFile | 必须 | 逗号分隔的列表中的MP3文件 |
| titles | overrides ID3 information | 逗号分隔的标题清单 |
| artists | overrides ID3 information | 逗号分隔的列表艺术家 |
扩展选项
| 选项 | 默认值 | 描述 |
|---|---|---|
| autostart | no | 如果是“yss”的话，播放器会自动播放 |
| loop | no | 如果是“yss”的话，播放器会循环播放 |
| animation | yes | 如果是“no”的话，播放器始终展开 |
| remaining | no | 如果是“yes”的话，显示剩余时间 |
| noinfo | no | 如果是“yes”的话，不显示信息 |
| initialvolume | 60 | 初始的音量（从0到100 ） |
| buffer | 5 | 设定缓冲秒数 |
| encode | no | 表明， mp3文件的URL编码 |
| checkpolicy | no | 告诉播放器寻求文件时，载入MP3文件 （这使得播放器读取ID3标签由档案存放在不同的网域） |
| rtl | no |
开关的布局到RTL （右至左）的希伯来文和阿拉伯文数字 |
播放器选项
| 选项 | 默认值 | 描述 |
|---|---|---|
| width | 必须 | 播放器宽度。例如： 290 （ 290像素）或100 ％ |
| transparentpagebg | no | 如果是“yes”的话，播放器的背景是透明的（相匹配的网页背景） |
| pagebg | NA | 播放器的背景颜色（设置为您的网页时， transparentbg背景设置为’no’ ） |
本人了花了两天时间修改开源项目SyntaxHighlighter原码高亮制作的FCK SyntaxHighlighter 插件,下载已经整合插件的FCKeditor2.6.rar
FCK添加SyntaxHighlighter插件：
下载插件：highlighter.rar（内含说明），解压后放置FCK插件目录
1、在您的FCKeditor的配置文件中（一般为fckconfig.js或custom.config.js）
配置其中的FCKConfig.ToolbarSets，添加HighLighter。
如：
FCKConfig.ToolbarSets["review"] = [
['HighLighter','Bold','Italic','Underline','StrikeThrough','Link','Unlink'r']
];
当然，你可以放到别的工具栏，不过记得注意大小写。
2、根据你指定的plugin目录，注册plugin
如：
// 代码语法高亮插件
FCKConfig.Plugins.Add( 'highlighter', 'zh-cn,en' ) ;
....
]]>本人了花了两天时间修改开源项目SyntaxHighlighter原码高亮制作的FCK SyntaxHighlighter 插件
已经整合插件的FCKeditor2.6.rar
FCK添加SyntaxHighlighter插件：
下载插件：highlighter.rar（内含说明），解压后放置FCK插件目录
1、在您的FCKeditor的配置文件中（一般为fckconfig.js或custom.config.js）
配置其中的FCKConfig.ToolbarSets，添加HighLighter。
如：
FCKConfig.ToolbarSets["review"] = [
['HighLighter','Bold','Italic','Underline','StrikeThrough','Link','Unlink'r']
];
当然，你可以放到别的工具栏，不过记得注意大小写。
2、根据你指定的plugin目录，注册plugin
如：
// 代码语法高亮插件
FCKConfig.Plugins.Add( ‘highlighter’, ‘zh-cn,en’ ) ;
1.
主题模板文件 </head>标签前面添加以下代码：
<link type="text/css" rel="stylesheet" href="<#ZC_BLOG_HOST#>SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shCore.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushCpp.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushCSharp.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushCss.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushDelphi.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushJava.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushJScript.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushPhp.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushPython.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushRuby.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushSql.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushVb.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushXml.js"></script>
</body>标签前面添加以下代码：
<script language="javascript">
window.onload = function () {
dp.SyntaxHighlighter.ClipboardSwf = '<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
}
</script>
注意：不能在其他位置，否则可能失效
2.
下载文件 SyntaxHighlighter.rar 放置到博客根目录下，亦可放置其他目录，但注意修改上面的代码中的路径
内含CSS文件因为严格遵守W3C所以没有添加自动换行
需要的可以添加
.dp-highlighter{
white-space: pre-wrap;
white-space: -moz-pre-wrap;
overflow:auto;
word-break:break-all;
完成
]]>与其每次添加代码困扰，不用花点时间动手解决，所以这是本人花了一天时间查找资料，下载精简版修改而成（精简版网上随处可见，我已经找不到谁是原创了）
精简程度主要优化加载速度，保留了日常所用的工具，满足一般编辑
...
]]>与其每次添加代码困扰，不用花点时间动手解决，所以这是本人花了一天时间查找资料，下载精简版修改而成（精简版网上随处可见，我已经找不到谁是原创了）
精简程度主要优化加载速度，保留了日常所用的工具，满足一般编辑.
注：如果不是和我一样有特殊需求，请勿使用，本人不担保质量，使用请做好备份
将原来的FCKeditor文件夹重命名或者直接删除
下载：
更新：
2009-02-14：保留模板功能（方便图文混排）
后台测试：演示
界面预览
后台FCK界面
下面是代码高亮CSS html高亮效果
主题模板文件 </head>标签前面添加以下代码：
link type="text/css" rel="stylesheet" href="<#ZC_BLOG_HOST#>SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shCore.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushCpp.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushCSharp.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushCss.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushDelphi.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushJava.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushJScript.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushPhp.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushPython.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushRuby.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushSql.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushVb.js"></script> <script type="text/javascript" src="<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/shBrushXml.js"></script>
</body>标签前面添加以下代码：
<script language="javascript">
window.onload = function () {
dp.SyntaxHighlighter.ClipboardSwf = '<#ZC_BLOG_HOST#>SyntaxHighlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
}
</script>
注意：不能在其他位置，否则可能失效
附加：
如果觉得此版本过于精简，一些你还是需要的，那就添加回去
以下添加about是示例：
打开配置文件fckconfig.js在工具条上面添加
查找：FCKConfig.ToolbarSets
找到合适位置插入,’About’
如最后面的一个：
javascript代码
- ['Source','RemoveFormat','-','About']
注：这里介绍添加About（注意大小写），如果你想添加更多可以整理好一次性插入
接下来就是注册所添加的工具和调用
打开目录ADMINFCKeditoreditorjs下的
fckeditorcode_gecko.js
fckeditorcode_ie.js
打开以上两个文件
查找：case ‘Preview’ 你会查找到两处
case ‘Preview’前面插入（第一处）
case 'About':B=new FCKDialogCommand('About',FCKLang.About,'dialog/fck_about.html',420,330,function(){ return 0;});break;
case ‘Preview’前面插入（第二处）
case 'About':B=new FCKToolbarButton('About',FCKLang.About,null,null,true,null,47);break;
注：这里只介绍插入About，如果你想插入更多那就先整理好代码一次性插入
代码可以去官方下载提取格式如下：
case 'About':B=new FCKDialogCommand('About',FCKLang.About,'dialog/fck_about.html',420,330,function(){ return 0;});break;
说明：
case（事件）《调用窗口》break;（结束点）
case 'About':B=new FCKToolbarButton('About',FCKLang.About,null,null,true,null,47);break;
说明：
case（事件）《按钮》break;（结束点）
注册添加已经完成了，接下来就是复制所调用的html文件了到
打开完整版目录FCKeditoreditordialog
找到你所添加工具的html
fck_about.html
复制到你要添加的FCKeditoreditordialog目录中
清除缓存，然后打开后台可视化编辑（即FCK编辑）就能看见你所添加的工具了
更详尽资料
如果你经常升级FCK，那就用插件方式,添加Code为例
经过上面的介绍我就不详解了，免得高手闲累赘
编辑配置文件fckconfig.js
FCKConfig.PluginsPath = FCKConfig.BasePath + ‘plugins/’ ;下面添加
FCKConfig.Plugins.Add( 'code','ch' ) ;
工具栏添加’Code’
找到FCKConfig.ToolbarSets["Default"]
['Source','Preview','Smiley','Image','Flash','Media','AudioPlay','Code','About']
下载附件： code.rar (14.37 KB)
]]>