WordPress插件教程:如何编写TinyMCE插件
编写WordPress(以下简称wp)插件难免要和关联着wp的某一个或多个方面的东西,就拿我的刚更新的WS Auido Player插件来说,它需要提供一个窗口使得用户输入某些值来达到简化用户记忆以及操作的功能。自己敲一个两个代码还好,如果全部都是自己写的话,那和写HTML有什么区别呢?这个就是TinyMCE编辑器面世的主要目的之一。
其实想这个部分的东西,主要是因为国内也没出几个这样的插件(或者是我不知道而已)再者是也蛮少有人来写这方面的教程,网上找到的只有干巴巴、苦涩的英文句子,看着就是没中国字舒服,呵呵(^___^),所以我就花了点时间自己整理出了这个教程。当然wp官方也有提到如何编写只不过写了一些核心的几句代码(看这里),剩下的还让你自己参考wp系统中tinymce插件。为什么要看wp系统中tinymce插件,而不是看tinymce官方的文档呢,这里要说句牢骚的话。wp其中使用到了很多及其优秀的开源代码,而且每个东西还或多或少的修改修改。这一下让我们看开源代码不是,看wp系统又感到迷茫。最好的是两者都得看。
See more about this post
WordPress Plugin: WS Audio Player
WS Audio Player是一个可在日志插入且附带下载功能的在线Flash播放器。说来这个Audio Player以及样式,其实是我从Pownce发现的,看着其效果真的很棒,由于pownce自带的4个模板的背景色均不为白色,所以它的MP3 Flash Player搭配的很完美。
经过多次的研究和测试,成功抽取了其Flash Player以及CSS文件。蛮不道德的哈,但至少我没有独揽其版权,据为己有!
看到这个Flash Player是如此的完美,因此我想把它做成WP的插件,使其大家共享使用。
====================
安装 - Install Plugins
====================
解压缩ZIP文件到自己BLOG空间的wp-content/plugins下面。
进入WP后台激活WS Audio Player插件。
在WP后台的Option(操作)管理页面,找到WS Audio Plauer可进行外观的选择和配色。(目前只有3种选择以及自定义模式)
====================
使用方法 - Useage
====================
发布日志的时候,你在可视化模式和代码模式发现一个音乐符号的按钮,点击按钮,填写相应的参数即可插入。或者手动输入:[ audio=音乐的地址[,音乐名称,download] ]
(*)其中音乐名称和download(是否可下载)为可选择选项。
举例说明: 插入一首名为“转角爱”,音乐的地址为http://www.icyleaf.cn/music.mp3
由于可视化也能显示,所以我在[]最左,最右加了空格。
样式1: 只显示播放器
[ audio=http://www.icyleaf.cn/music.mp3 ]
样式2: 只显示播放器以及音乐名称
[ audio=http://www.icyleaf.cn/music.mp3,转角爱 ]
样式3: 只显示播放器以及下载按钮(注意,中间有两个逗号)
[ audio=http://www.icyleaf.cn/music.mp3,,download ]
样式4: 全部显示:播放器,音乐名称,下载按钮
[ audio=http://www.icyleaf.cn/music.mp3,转角爱,download ]
====================
注意事项 - Notices
====================
除了音乐名称外,其他符号均为英文半角状态。
如果只准备显示播放器以及下载按钮,不要忘记中间为两个逗号。
测试结果显示效果正常,段落的间隔大是这个主题的原因。
仅支持MP3格式。
====================
更新历史 - History
====================
[2008-05-22]1.1.0更新
[2008-01-09]1.0更新说明
[2007-12-24]0.9.5更新说明
[2007-11-28]0.9.4更新说明
[2007-11-07]0.9.3修正版更新说明
====================
FAQ
====================
Q: 请问这个插件可以自动播放么?
A: 不能。由于Flash播放器的设计就是那样,所以不能自动播放音乐。
Q: 请问你的下载按钮怎么在浏览器下面显示错位?
A: 这是故意设计的,如果你不喜欢可以在后台选择经典模式。
Q: 紧急!我插入的音乐文件无法播放!
A: 首先,你检查你的音乐文件是否为mp3格式,如果没有问题则需要检查音乐的标题是否符合书写标准,尽量不要带有特殊符号,如空格,单引号等,尤其是单引号!!
====================
演示 - Demo
====================
DownloadI'll take everything
====================
插件下载 - Plugins [...] WS Audio Player1.1.0发布
Update:
1.修正了一些错误,去掉了调试用的注解掉的语句。版本升级至1.1.2
2.添加插件说明地址:http://www.icyleaf.cn/projects/ws-audio-player/
Chinese
今天下午花了些时间完成了WS AudioPlayer1.1.0版本的制作,现在已经完全且仅支持WordPress2.5+版本。如果你现在用的WordPress版本还不是2.5+,那么就赶紧升级吧~主要原因是不想浪费多余的体积大小:)
插件下载:WS Audio Player1.1.2
如果到你不知道这个插件的话,请点击这里看详细哦~
English
Now This version(1.1.0) only use for WordPress 2.5+. and you can insert music with button between Vistual Mode and HTML mode. if you are not WordPress 2.5+, suggest update to latest version.:)
Plugin Download: WS Audio Player1.1.2
see History or want konw what it is, please click here.
WS Audio Player应急版For WordPress2.5
WordPress2.5版本内置的TinyMCE富编辑器也跟着升级到了3.0版本,TinyMCE3.0版本改写了插件的结构导致我这个插件也和WP2.5造成了不兼容,目前我还没有来得及研究TinyMCE3.0插件的内部结构以及WP2.5为它的写的钩子(Hook)是否发生了变化。因为我在我WP后台的Trackback发现很多外国的朋友中有一些在用我的这个插件做音乐介绍,为了保证他们正常的使用,我特作了WP2.5的应急版本,删除掉了富编辑器模式(Visual)下的按钮,大家可以通过CODE模式(HTML)点击名为MP3的按钮来添加音乐。同时我在有时间的时候会好好研究下WordPress2.5与TinyMCE的内部结构,我也希望能在未来的几天内释出完全支持WP2.5版本的WS Audio Player插件。
同时也感谢大家的使用和支持。谢谢!
Wordpress 2.5 was recently released and that it includes TinyMCE 3 by default. it made many plugins is't to work,includes ws audio player. so i release a emergency version for wordpress 2.5. Delete insert mp3 button in "Visual mode", you can use it in "HTML mode". i hope this will make [...]