Paint board with canvas (jQuery plugin)

On the occasion of a possible project I started researching on how to make a kind of “paint” in the web. I knew the existence of canvas but it wasn’t very clear what could it do and compatibility issues of browsers that could have.

In the end I developed a jQuery plugin which everyone can could use. And here’s a DEMO.

More information and download HERE

DEMO de canvasPaint

CKEditor Media Embed with multiples instances

To embed videos from YouTube, Vimeo, etc. .., there is a plugin called MediaEmbeb which performs its tasks perfectly.

When used in my project I realized that if on the same page we have more of an HTML editor, going to embed a video in one of the first editors, it actually inserts the last of them.

I have been reviewing the code and the solution is very simple.

  1. Look for the plugin folder in «.. / CKEditor / plugins / mediaembed /»
  2. In that folder locate and open the file «plugin.js»
  3. Locate the line:
    CKEDITOR.dialog.add( 'MediaEmbedDialog', function ()
  4. And replace it:
    CKEDITOR.dialog.add( 'MediaEmbedDialog', function (editor)

With this simple change everything will work correctly.

Image manager compatible with CKEditor

In a project I’m involved I’ve used one of the best HTML editor there, CKEditor. This WYSIWYG editor is very complete lack of an image manager.

To manage the images exists an ideal that is CKFinder but has the drawback ofbeing a paid product.

I have therefore developed an image manager CKFinder very similar to using jQuery.

The image manager can download it from the software section.