Tumblr TinyMCE Templates

By Jeff Walter Last update Nov 6, 2008 — Installed 314 times.


Script Summary: Adds the template function w/ custom template support to the TinyMCE editor in Tumblr.

What this script does

1) Allows div and span elements to be added to Tumblr posts when using the rich text editor
2) Enables the TinyMCE template plugin on the Tumblr rich text editor

Setting the external template repository

To utilize TinyMCE templates, you need add an external URL that contains your template list. Set this URL in your Greasemonkey User Script Commands:
Here's what your list should look like.

Why I wrote this

It always seemed a little odd to me that even though I get the option to edit the HTML in Tumblr's rich text editor, it strips out certain (useful) markup like divs and spans.

While I'm perfectly fine with typing in HTML in Tumblr's plain text editor (http://www.tumblr.com/preferences > Editor > plain text/HTML), Liz, who runs Savannah Flavor, would prefer not enter her recipes like that. Her recipe posts require some simple markup to wrap them in their style and I wanted to give her an easy way to do that. So, I created this Greasemonkey script and a simple template for her posts.

My template repository: http://jeffinmotion.com/scripts/greasemonkey/tumblr.tinymce.template/templates/templates.js
Liz's recipe template: http://jeffinmotion.com/scripts/greasemonkey/tumblr.tinymce.template/templates/recipe.htm