¿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 WYSIWYG bonito 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 javascript libres 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:

tinymcedjangoBajar projecto de Django de demostración

2 thoughts on “¿Cómo agregar editores HTML al django admin?

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>