CMS
Adding TinyMCE as an Editor for CMS 7.5
TinyMCE is a JavaScript based rich HTML editor now available for use in CMS 7.5. Why add another editor? For several reasons:
- The FCKEditor has significant deficiencies, such as the inability to cleanup code or pasted content.
- You haven’t upgraded to Web Solutions Management Server so the Telerik RadEditor isn’t an option.
- You want to be able to have custom code restrictions such as preventing developers from using an H1 tag or the line-height style.
- Word pasted content is killing you.
So what’s involved in getting TinyMCE working in your RedDot CMS project?
Well actually not much.
- Download the latest version. The TinyMCE project page is https://webpress.missouristate.edu/tinymce.htm. Updates are posted rather regularly, so check back for a new version occasionally. Inside the .zip file are 2 folders. Place the TinyMCE folder in your /CMS root; by default it would be C:Program FilesRedDotCMSASP. You can ignore the other folder for now.
- In SmartTree, under Administer Project Settings » Project » General Settings, the Action Menu has an option to Edit Settings. Check the Use external editor box, uncheck the Prefer RedDot Text Editor box and set the URL of external editor field to “tinymce/editor.asp”. The Name of the element that contains the text that should be stored field is not used.
Since this setting is project specific, it’s easy to test on a small project before you enable the editor for your production projects.
Congratulations, you now have basic editing support with TinyMCE in all browsers.
That was the basic part – So what’s missing?
Well unfortunately the hooks to enable TinyMCE when editing via form are just not present in CMS without actually modifying their code. If you want edit via form support, the instructions are on my site.
Where to from here?
TinyMCE has a huge number of configuration options. I’ve documented the options I find most useful. Spellchecking in particular is a must have.
Yeah, whatever, so what about the inline editing?
Where’s the inline editing support that I’ve heard so much about? This feature is brand new. It requires changing your templates to enable, but is well worth the effort.
Note: Changing the given code provided by RedDot/OpenText will cause losing the warranty for your installation so do that at your own risk and be aware of that fact.
Related posts:
- OpenText WSM 11 – Is the “Swan” release going to fly?
- RedDot & 301 Redirects: How to manage 301’s within your RedDot CMS projects
- Project Database Schema
- An undocumented RenderTag to enhance your RedDot CMS usability
About the author:
Chad Killingsworth is the Assistant Director for Web & New Media at Missouri State University. Chad is an avid RedDot CMS RQL developer. Chad's work on upgrading the FCKEditor was officially distributed as part of CMS 7.5.
Hey Chad,
great post. I can’t wait to check out how you got the inline editing up and running.
Cheers,
– Morgan
Nice one! I just added the note about warranty and some h3 headlines.
Can you provide a static link to the “current” version like https : //…/tinymce_current.zip?
Is the warranty warning for if you change the ASP code to work with Edit Via Form? It’s legal just to use the external editor, I trust…
I would not expect Open Text support to assist you with editors that are not officially distributed with the system, but installing TinyMCE without edit-via-form modifications isn’t really any different than installing a community plugin.