Using TinyMCE in WebTOP environment (2)
28-May 2007.
1,118
0 This tutorial is a continuation to Using TinyMCE in WebTOP environment, but today I'm going to cover on Form object under Savvy.Core, by default Form.validate() can't validate TinyMCE editor since it's neither Input, Select nor Textarea. Not only that, more complication would occur if your TinyMCE have button using Select element such as:
- formatselect
- fontselect
- fontsizeselect
- styleselect
For this example I going continue from the previous example to fetch data from TinyMCE editor to the original textarea and avoid TinyMCE from messing up due to use of Form.Validate().
Using TinyMCE in WebTOP environment
One of my greatest challenge while developing the WebTOP application (using Savvy.PItO) for ChronoSight is integrating it with TinyMCE Text Editor. In fact the same applies in any WebTOP/AJAX application where module are pulled without the use of page refresh. TinyMCE have prepared tinyMCE.execCommand() JavaScript function call for this purpose.
For this example I going only going to show you how to do dynamic load and unloading of TinyMCE with JavaScript.
What Up with TinyMCE 2.1.0
It's an awesome release by Moxiecode System, bundled with an intelligent core engine to customize XHTML 1.0 output with valid_elements with better RegEx features. I only have tested it for a week and I'm pretty pleased to say it can produce valid XHTML without having to edit it using the Edit HTML Source feature. It also can provide correct syntax when you want to have child lists (with can't be produce by the previous version).
However the autosave plugins is something I would like to see improved as it can't capture changes using JavaScript call, this is not applicable in normal application but when you are developing AJAX application there wouldn't be any page refresh at all (almost at all), so even though you might have close that text editor autosave can't detect the changes unless you hit the refresh button. Anyway, kudos to the TinyMCE developers and I hope the best for them.
What a Load of JavaScript Memory Leak!
I was surprise recently when I came into knowledge about JavaScript Memory Leak, I never really consider JavaScript would be among the reason that made my FireFox crash and burn in the past. Out of curiousity, I downloaded the Leak Monitor extension for FireFox and test it out with my daily visited site and among the worst would be GMail and WordPress. ChronoSight.CMS doesn't return any leak alert except for TinyMCE (which indeed use Prototype).
iFormat TinyMCE Plugin
It's a continuation of iCode Plugin for TinyMCE where I have added Paragraph, Predefine and Acroynm XHTML element along with Code. The bug in earlier stage still exist in this release so be careful. More information after the jump.