TinyMCE in RedDot – The New Experience

After getting pulled in different directions for a while, I was able to come back and work on TinyMCE. I upgraded the integration to pull the permissions for the text element via an AJAX call which was one of the last major hurdles to supporting in-line editing (see http://blogs.missouristate.edu/web/2008/11/03/tinymce-part-deux/).

The other hurdle was what to do when the element being edited was on the far right side of the page. The toolbar hanging off the right side wasn’t exactly the user experience I had in mind. I found some additional TinyMCE configuration options which let me size and position the toolbar independently of the editor area. So the final solution ended up using JavaScript to detect if the toolbar would fit, and if not have it shift left on the page.

About Chad Killingsworth

Chad Killingsworth is the assistant director and technical lead for the office of web & new media at Missouri State University.
Follow me on twitter
This entry was posted in Technical, Web and New Media and tagged , , , , , , , , , . Bookmark the permalink.

One Response to TinyMCE in RedDot – The New Experience

  1. Markus says:

    Hi Chad, I just found your video. Great stuff! Would you like to write a technical detailed article about the embedding of TinyMCE into the RedDot CMS on our blog(http://www.reddotcmsblog.com/)?