I’ve been try­ing to find a solu­tion for the Django admin that would allow me to upload images directly into a text field. With the default admin, images either have to be man­u­ally uploaded or be uploaded through an Image­Field. Image­Fields though, only pro­duce a list of images. For instance, it would be dif­fi­cult to spread a list of images through­out an arti­cle (as I have in this one).

By using the File­browser add-on in con­junc­tion with TinyMCE (WYSIWYG) a solu­tion is found! Fol­low the install direc­tions at the File­browser code base and then it’s as easy as 1, 2, 3.

1. Click the insert image but­ton in the TinyMCE textfield

2. Upload an image

3. Choose and insert the image

You can even assign CSS classes to images, adjust their size, and set rollover properties.

If you want the slick skin that’s shown above it’s avail­able from the same devel­op­ers under the name Grap­pelli and is well worth installing.