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

Gestor de imágenes compatible con CKEditor

En un proyecto en el que estoy involucrado he usado uno de los mejores editor HTML que existe, CKEditor. Este editor WYSIWYG es muy completo a falta de un gestor de imágenes.

Para gestionar las imágenes existe un complemento ideal que es CKFinder pero tiene la pega de ser un producto de pago.

Por ello he desarrollado un gestor de imágenes muy similar a CKFinder haciendo uso de jQuery.

El gestor de imágenes lo podéis descargar de la sección de software.

CKEditor Media Embed con múltiples instancias

En un proyecto en el que estoy involucrado he usado uno de los mejores editor HTML que existe, CKEditor. Este editor WYSIWYG es muy completo a falta de un gestor de imágenes.

Para incrustar videos de YouTube, Vimeo, etc.., existe un plugin llamado MediaEmbeb el cual realiza su cometido perfectamente.

Al usarlo en mi proyecto me he dado cuenta que si en una misma página tenemos más de un editor de HTML, al ir a incrustar un video en uno de los primeros editores, lo inserta realmente en el último de ellos.

He estado revisando el código y la solución es muy sencilla.

  1. Buscaremos la carpeta del plugin en «../ckeditor/plugins/mediaembed/»
  2. En dicha carpeta localizaremos y abriremos el fichero «plugin.js»
  3. Localizaremos la línea:
    CKEDITOR.dialog.add( 'MediaEmbedDialog', function ()
  4. Y la sustituiremos por:
    CKEDITOR.dialog.add( 'MediaEmbedDialog', function (editor)

Con este simple cambio todo funcionará correctamente.In a project I’m involved I’ve used one of the best HTML editor there, CKEditor. The WYSIWYG editor is very complete lack of an image manager.