The forum operates in read-only mode. Please head to StackOverflow for support.

Tue, 05/22/2012 - 10:58

introtik

Joined: 22/05/2012

Posts: 3

Fully Working Youtube and Mp3 plugins

Hello,

I needed a Youtube and Mp3 plugins to use them with CKeditor.

I downloaded many nonworking ones. I am attaching a fully working plugins.

please test them a let me know.

Installation:

1 - copy the folders: mp3player AND youtube to: ckeditor/plugins/

2 - copy file: player_mp3.swf to you woking directory: where you call the contents of ckeditor
example: if you have a page called view.php or view.html , then the file: player_mp3.swf must be in same directory. like this:

my_dir/view.php
my_dir/view.html
my_dir/any_thing.html
my_dir/player_mp3.swf

3 - open ckeditor main config file: config.js or (edit your config code)
the load the plugins:
config.extraPlugins = "youtube,mp3player";
and add them to toolbar :
{ name: 'insert', items : [ 'Youtube','Mp3Player'] },

4- config.js is an example of source ckeditor with theattached plugins

Note:
by default the mp3 player is set to autoplay
to change it: open: ckeditor/plugins/mp3player/dialogs/mp3player.js
go to line: 21 look for: autoplay=1 change to: autoplay=0

Attachments:

youtube and mp3 plugins

Tue, 05/22/2012 - 12:04

sebstefanov

Joined: 03/02/2012

Posts: 1329

Re: Fully Working Youtube and Mp3 plugins

Great plugin! This will make a lot of people happy. One remark about the Youtube plugin: when you use Youtube's actual "Embed" code (the one in <iframe> tags) the plugin says "Youtube link is bad". Personally, I prefer using the clip's url and .be link, like you have setup, but I know a lot of people will be confused why the "embed" code doesn't work. Maybe more info in the "Please copy and paste the Youtube URL here" part could reduce some frowns.

Also a volume bar would be nice in the mp3 plugin and the icon seems to be cropped, and the yellow and white makes it hard to see the music note in the icon (a very frivolous remark but once I get rolling...).

Regardless, the plugin is ready and a great addition!

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Tue, 05/22/2012 - 13:13

introtik

Joined: 22/05/2012

Posts: 3

Re: Fully Working Youtube and Mp3 plugins

hello Sebastian ,

thanks for the comments.

I have updated the youtube plugin, and stated to users not to paste embed code. along with examples.

also i changed the mp3 icon.

good luck
MOhammed

Tue, 05/22/2012 - 13:58

sebstefanov

Joined: 03/02/2012

Posts: 1329

Re: Fully Working Youtube and Mp3 plugins

Love the new icon.

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Mon, 05/28/2012 - 10:14

sebstefanov

Joined: 03/02/2012

Posts: 1329

Re: Fully Working Youtube and Mp3 plugins

Click the preview button in the toolbar, it will show you how the clip looks on your page.

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Tue, 05/29/2012 - 10:18

sebstefanov

Joined: 03/02/2012

Posts: 1329

Re: Fully Working Youtube and Mp3 plugins

Ya, you have to do it each time.

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Tue, 05/29/2012 - 15:41

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Fully Working Youtube and Mp3 plugins

A good plugin should show the preview of the video before inserting it or when you try to edit it.
I haven't tested which ones behave this way because so far I haven't needed this option.

Wed, 05/30/2012 - 08:38

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Fully Working Youtube and Mp3 plugins

The flash plugin is an example of how to show a static image in the editor and the real object while editing it in the dialog.

Fri, 06/01/2012 - 16:05

sergelie

Joined: 08/03/2012

Posts: 27

Re: Fully Working Youtube and Mp3 plugins

Thank for the plugin introtik. Installed, and works perfectly well!
Although After I added : CKEDITOR.config.extraPlugins = 'youtube'; in the config file, it disengages the loading of my StyleSheets in my ckeditor instances.
So my drop down styles is empty. If I delite the extraplugins line, everything is back to normal (styles).
I really wonder why and how I could resolve the issue.

Thanks for your help.

Sat, 06/02/2012 - 10:51

#10

introtik

Joined: 22/05/2012

Posts: 3

Re: Fully Working Youtube and Mp3 plugins

Sergelie wrote:Thank for the plugin introtik. Installed, and works perfectly well!
Although After I added : CKEDITOR.config.extraPlugins = 'youtube'; in the config file, it disengages the loading of my StyleSheets in my ckeditor instances.
So my drop down styles is empty. If I delite the extraplugins line, everything is back to normal (styles).
I really wonder why and how I could resolve the issue.

Thanks for your help.

hi Sergelie,

can you post your config here. so we can check it.

regards

Sat, 06/02/2012 - 18:27

#11

sergelie

Joined: 08/03/2012

Posts: 27

Re: Fully Working Youtube and Mp3 plugins

introtik wrote:
hi Sergelie,

can you post your config here. so we can check it.

regards

Thanks a lot introtik : It was a problem with my config. It is solved! Regards.

Tue, 07/31/2012 - 12:44

#12

zoey

Joined: 29/08/2011

Posts: 10

Re: Fully Working Youtube and Mp3 plugins

UPDATE:

Please update the following line into line #35 of the /dialog/youtube.js code. This will make sure the YouTube video does not affect the CKEditor Lightbox plugin feature (http://cksource.com/forums/viewtopic.php?f=18&t=24281). Without the ?wmode=opaque, the image popup of the Lightbox will appear behind the embedded YouTube video.

               +'?wmode=opaque&amp;showinfo=1&amp;fs=1" frameborder="0"></iframe>';

Thank you for this great plugin. Is it possible to have the "Browse Server" option (see proposed image sample attached below) included in the popup menu to be able to select the mp3 files on our server? Without this browse function, we have to open two browser windows and do a copy/paste of the mp3 URL from the same server. I hope you can add this feature, thank you again for this great plugin.