Dave Burke : Freelance .NET Web Developer specializing in Online Communities

Sueetie Now Using TinyMCE 3.4.3.1

You'll be enjoying a brand new TinyMCE Html Editor with the next Sueetie release, TinyMCE 3.4.3.1.  It looks much like the TinyMCE 3.2.1.1 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 3.4.3.1 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.

Comments (0) | Post RSS RSS comment feed

Posted on 7/12/2011 1:56:00 PM by Dave Burke
Categories: Sueetie
Tags:

Related posts


Powered by BlogEngine.NET 2.0.0.36
Theme by Dave Burke