Friday, June 08, 2007

TinyMCE WYSIWYG Control

Update: And then there's FCKEditor which seems surprisingly like TinyMCE but which has been picked up by Adobe and will be embedded in the next version of ColdFusion. It might not be a bad time to adopt FCKEditor as a standard HTML control if, like me, you'll more than likely still be doing ColdFusion in a few years. Ah, the main difference between the two is that FCKEditor requires that you pay money to license it.

I have a client whose site is built using classic ASP and their content management pieces use an older version of the ActivEdit software. When my client upgraded to IE7, the ActivEdit became extremely unpredictable and I recommended that we switch to a different utility. After 30-45 minutes of research I landed on TinyMCE.


TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.



If you aren't able to use FreeTextBox for ASP.NET and you don't want to pay for a WYSIWYG control for your PHP, ColdFusion or Classic ASP, then you must check this out.





4 comments:

  1. Their example runs wicked slow, is that typical?

    ReplyDelete
  2. Well, their example page defaults to the example that has every plugin library loaded so it's a bit slow to load and initialize. If you revisit that page after the first load then it's noticeably faster to load. When I implemented the default advanced theme for my client, I didn't notice any sluggishness when editing multiple pages of content. I especially like their fullscreen edit plugin which expands the content area to cover the...well, full screen. This was something I had been thinking about suggesting including in your CMS as a way to make in-place editing more manageable. Try one of the lighter examples.

    ReplyDelete
  3. Do you know of any examples that show how the code works on a form page, working with a database? There seems to be plenty of examples of how to add the javascript to the page, but nothing covering the textarea itself. When I implemented it - or tried to - I ended up with html code rather than text.

    ReplyDelete
  4. I think the major reason you'd use TinyMCE is to get WYSIWYG-driven HTML. If for some reason you wanted to use the controls but only for text, I'm guessing that there is a "strip formatting" function built into the TinyMCE javascript library that you could call on submission.

    ReplyDelete