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

Paleta de dibujo tipo paint, con canvas

Con motivo de un posible proyecto me puse a investigar sobre como hacer una especie de “paint” en web. Conocía la existencia de canvas pero no tenía muy claro hasta donde podía llegar y los problemas de compatibilidad de navegadores que podía tener.

Al final me lié y me lié y terminé desarrollando un plugin de jQuery así que nada, aquí lo dejo para el que le pueda servir. Y aquí una DEMO.

Más info y descarga AQUÍ.

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.