TinyMCE 的音乐插件/mp3 music insert plugin

简介:

原文网址:http://www.blogwind.com/Wuvist/29321.shtml

本来,我不觉得我这篇东西应该上博客园首页,因为跟.Net无关,但,碰巧现在首页上有篇东西是讲FCKEditor(http://www.cnblogs.com/esshs/archive/2006/04/07/369169.html)的……既然讲FCKEditor的可以上,偶也就拿这篇来献丑了……
================================================
不得不承认,TinyMCE是一个极其强悍的所见即所得网页编辑器。我用过FreeTextBox 1/2/3,CuteEditor 5.0,FckEditor等,使用还是觉得TinyMCE最好。

研究了它的一些代码,非常精彩……

如果说,它有什么缺点的话,那么便就是它无法插入音乐。

(Well,我坚决不认为无法插入音乐是一个缺点;网页中,本来就不应该插入音乐的,特别是自动播放的流氓音乐。)

但是,这也是完全可以解决的……TinyMCE的插件系统是非常强悍的……它自带的插件中有可以插入Flash的,自然也可以依样画葫芦写出插入其它的……只是,Google了N遍,似乎都没有人愿意去写这么个插件。

问如何插入音乐的人倒是很多……Google到的答案,基本都是讲直接编辑html的(这还很可能需要修改extended_valid_elements的值)或者去hack TinyMCE……

很不nice的做法……

还是写插件吧……没有人写,那就我来写好了……

插件下载地址:http://files.cnblogs.com/wuvist/tinymce_Music_plugin.zip

基本上,这个插件跟TinyMCE自带的Flash插件是一样的……事实上,我也是那它的Flash插件改出来的……我这个插件是会插入类似下面的代码:

<object type="application/x-mplayer2" width="100" height="48" data="http://ftp.nxnews.net/music/200491112123673399.mp3">
<param name="src" value="http://ftp.nxnews.net/music/200491112123673399.mp3" />
<param name="filename" value="http://ftp.nxnews.net/music/200491112123673399.mp3" />
<param name="type" value="application/x-mplayer2" />
<param name="AutoStart" value="0" />
</object>

这个是我所找到的兼容性最好的音乐播放代码了,貌似还是符合xhtml 1.1 strict的……

但是,原有的Flash插件太过霸道,会Parse所有的<object...代码,所以如果在TinyMCE中使用flash跟偶的Music插件,一定要先加载Music,再加载flash,否则flash插件会把音乐的干掉。

最后,偶插件中只提供了en跟zh_cn的语言包,而且,zh_cn是utf-8的。



本文转自 Wuvist 51CTO博客,原文链接:http://blog.51cto.com/wuvist/847745

相关文章
|
JavaScript 前端开发 CDN
vue-video-player基本使用
vue-video-player 是基于vue的 视频播放器,可以便捷的适配到项目中
672 1
网页视频播放器(easyplayer和vue-video-player的使用)
网页视频播放器(easyplayer和vue-video-player的使用)1. 两种方式实现的网页播放器 2. 支持的视频格式不太相同
网页视频播放器(easyplayer和vue-video-player的使用)
|
Android开发
【错误记录】Flutter 报错 ( Could not read script ‘xxx\flutter_tools\gradle\app_plugin_loader.gradle‘ )(二)
【错误记录】Flutter 报错 ( Could not read script ‘xxx\flutter_tools\gradle\app_plugin_loader.gradle‘ )(二)
77 0
【错误记录】Flutter 报错 ( Could not read script ‘xxx\flutter_tools\gradle\app_plugin_loader.gradle‘ )(二)
|
Dart 开发工具 Android开发
【错误记录】Flutter 报错 ( Could not read script ‘xxx\flutter_tools\gradle\app_plugin_loader.gradle‘ )(一)
【错误记录】Flutter 报错 ( Could not read script ‘xxx\flutter_tools\gradle\app_plugin_loader.gradle‘ )(一)
412 0
【错误记录】Flutter 报错 ( Could not read script ‘xxx\flutter_tools\gradle\app_plugin_loader.gradle‘ )(一)
|
Web App开发 存储 编解码