Tag Archives: rockettheme

Joomla: TinyMCE is screwing up RokStories

RokStories is an easy way to add those rotating images on your joomla installation. Making them work, however, might require some tinkering. By default, the TinyMCE content editor modifies your html for its own purposes, and this screws up RokStories as it cannot recognize the images in your article if there are foreign attributes such as mce_src in the <img alt=”” /> tag. Editing the html source (with the TinyMCS Source editor) will not solve the problem as the extra attributes are inserted once you go back to the editor and save.

A quick way to overcome this is to temporary disable TinyMCE and use a plain text editor, removing unknown attributes and making sure the url to the images are relative. Other points to take note if its still not working:

  1. Remove any height and width definitions.
  2. Shift the src attribute to the front (<img src=”…” alt=”…” /> instead of <img alt=”…” src=”…” />)
  3. Remove any instances of <div></div>
  4. Add a readmore tag to separate the text content from the image.

Tutorial from Rocket Theme: http://www.rockettheme.com/forum/index.php?f=18&t=82376&p=420867&rb_v=viewtopic