Today I want to share an awesome plugin created by Grafikart called CakePHP-Media. You can download the v1.1 (improvements listed below) from my fork : https://github.com/prbaron/CakePHP-Media

The plugin

The plugin adds a tinymce editor and a custom plugin in order to easily add images into your content. You can add/delete/ organise your images. You can choose an image as post image.

version 1.1

The more I used it, the more functionalities I want to add. I discovered CKEditor and found that it better corresponds to my need than Tinymce. I also need to share other files than just images. The last thing I need is a cool plugin to add preformatted code to the content.

The original syntax highlight ckeditor plugin : http://code.google.com/p/ckeditor-syntaxhighlight/.

Here are the new files you can add into the editor : 

• Image : jpg, gif, png
• Video : avi, mov, mkv, mp4, wmv
• Music : mp3, wma,
• Zip : rar, tar.gr, tgz, zip

If you upload images, the behaviour of the plugin does not change. If you upload video or music, you can either choose to embed tag (<video>, <audio>) or to create a link to download the file. Finally, if you upload zip files, you can add a link.

The upload file limit is limited to 50mb. It can not be enough for video files. If you want to increase this limit, you have to change the value of

1
max_file_size : '50mb',

in _app/Plugin/Media/View/Medias/admin_index.ctp. You can also have to change it in your core php.ini of your webserver.

Tutorial

Grafikart made a tutorial video of the v1.0 of his plugin (video in French).

Add a ckeditor editor

Grafikart created a Helper to add a Tinymce editor. If you follow the tutorial, you have to add this line :

1
<?php echo $this->Uploader->tinymce('content'); ?>

I created a helper for CKEditor and you can call it like this :

1
<?php echo $this->Uploader->ckeditor('content'); ?>