Sueetie Now Using TinyMCE

You’ll be enjoying a brand new TinyMCE Html Editor with the next Sueetie release, TinyMCE  It looks much like the TinyMCE we were using, but it’s sweeter with a few new features.  I know there are sites out there who wanted to use TinyMCE’s commercial Image and File Uploader addons.  With TinyMCE that is now possible. One great new feature out of the box is Content Templates which I’ll cover in a bit.

Here’s a new feature you’ll be seeing, copy plain text and copy from Word.

Here’s the HTML editor which isn’t new but I use it all the time.  I particularly like how both the HTML Source Editor and the WSYWIG Editor go full-screen.

Here’s the code syntax highlighter popup.

There’s also the nice image, media and link dialog boxes which I won’t show here.

Using Content Templates

I configured the TinyMCE Content Part controls to support templates.  I plan on using templates myself on some of my client sites.  Here’s that dialog box.

The Content Template .HTM files are located in /util/editors/tiny_mce_3_4_3_1/templates.

I created the flavored templates as a guide to help you get started.  Feel free to replace with your own.  To add a new template, simply create the .HTM file and add the entry to template_list.js using the syntax of the flavor sample entries.

One more item to point out regarding tinyMCE editor styling.  You’ll notice in the screenshot above a "sueetie_editor.css" stylesheet in the /tiny_mce_3_4_3_1 directory.  Use that to overwrite any editor classes you want to change.

Article written by

A long time developer, I was an early adopter of Linux in the mid-90's for a few years until I entered corporate environments and worked with Microsoft technologies like ASP, then .NET. In 2008 I released Sueetie, an Online Community Platform built in .NET. In late 2012 I returned to my Linux roots and locked in on Java development. Much of my work is available on GitHub.