fitoria's blog

Posted Mon 11 May 2009

¿Cómo agregar editores HTML al django admin?

Django trae una feature que es simplemente genial: interfaz administrativa generada automáticamente como parte del framework. Esta interfaz ahorra mucho tiempo de desarrollo el cual podés usar para dejar mas bonita tu aplicación Django. Esta interfaz se puede customizar hasta cierto punto pero desgraciadamente no trae un editor de HTML WYSIWYGbonito de esos que se usan para poner un post en un blog o foro que permiten que alguien sin conocimientos de HTML pueda dar estilo a lo que escribe de manera sencilla y parecido a una suite ofimática.

Para esto tenemos disponibles una gran cantidad de editores hechos en javascriptlibres y gratuitos disponibles en la red. En este caso usaremos mi preferido TinyMCE el cual es muy popular y es el editor por defecto de Wordpress. Este editor funciona con los campos definidos como TextField

Paso 1: Bajar TinyMCE

Paso 2. En un proyecto de Django agregar la carpeta de TinyMCE a la locación donde guarden su javascript

Paso 3. Agregar el siguiente archivo para configurar el aspecto dentro de una carpeta llamada editores (o como quieran ponerle) en la misma ubicación del paso 2.

Paso 4. En el admin.py de la aplicación en la cual desean tener el editor hacer algo como esto: (ver comentarios)

Paso 5. Probarlo!!! y si hicieron todo bien sale asi:

[tinymcedjango][]Bajar projecto de Django de demostración

[tinymcedjango]: http://fitoria.net/wp-content/uploads/2009/05/tinymcedjango.png

Categories: django, linux, planeta, programacion, python, softwarelibre,

Comments