Mosets Mosets Help Mosets Tree Reducing the width of TinyMCE WYSIWIG editor in description field
Can't find what you're looking for? Search the forum.

Reducing the width of TinyMCE WYSIWIG editor in description field

Websites that have narrow content area may have problem with TinyMCE WYSIWYG editor's default wide width. This may cause the editor to 'overflow' to right module position.

Here's how you can reduce the width of your editor:

  • Login to Mosets Tree's back-end and go to Mosets Tree > Custom Fields > Manage fieldtypes > Description
  • In PHP Class Code text field, look for this line of codes:
    editorArea( 'editor1',  $this->getValue() , $this->getInputFieldName(1), '100%', $this->getSize(), '75', '25' );
    
  • Change the value of 100% to a size in pixel, for example 400px. ie:
    editorArea( 'editor1',  $this->getValue() , $this->getInputFieldName(1), '400px', $this->getSize(), '75', '25' );
    
  • This will reduce your width from 100% to 440 pixels. One thing that worth mentioning is that the minimum width is limited by the number of icons used in the editor. You won't be able to further reduce your width if you have icons that occupies more than the specified width. In this case, you need to edit Editor - TinyMCE 2.0 in Joomla's Plugin Manager and uncheck the features that you do not use under Advanced Parameters tab.
Copyright © 2012 Mosets. All rights reserved.