Slight problem with YUI rich text editor

Posted by ekoprabowo on January 2, 2009 at 10:28am

helo

i've installed YUI editor in my Drupal 6.8. it works, but there is a slight problem with the button layout.

http://farm4.static.flickr.com/3255/3158710857_da85f99a95.jpg?v=0

the button layout is not straight. how can i fix it?
is there anyone can help me please?

Comments

Create a Custom Button Profile

Posted by jpeters on March 30, 2009 at 3:39pm

Navigate to Site Configuration > YUI Editor Settings > Edit User Role and scroll down to the Buttons section

If you select the custom button profile, it will allow you to drag buttons around that you don't want. While there, if you double click on the text box it will allow you to add custom text. (It looks like the default text might be too long.)

Perhaps a combination of these things will help you with your problem.

--
Jessy

Fixed by editing yui_editor\toolbars\yui_editor_toolbar_default.

Posted by koyama on May 9, 2009 at 8:03pm

Managed to get this fixed by changing line 71 in yui_editor\toolbars\yui_editor_toolbar_default.js

from this:

{ group: 'indentlist', label: 'Indenting and Lists',

to this:

{ group: 'indentlist2', label: 'Indenting and Lists',

Found solution by using Firebug to compare CSS classes in YUI Editor on Drupal installation vs. the one on the online demo page at the Yahoo! Developer Network site.

Screenshots:

Broken rendering of "Indenting and Lists" where text is wrapped (Firefox 3, IE6/7, Opera 9, Safari 3)
http://i41.tinypic.com/23vn5za.png
Editing yui_editor\toolbars\yui_editor_toolbar_default.js:
http://i42.tinypic.com/2ztejuv.png
Fixed rendering, text is no longer wrapped:
http://img135.imageshack.us/img135/3056/yuifixed.png

Environment:

Drupal 6.11
Yahoo YUI: 6.x-1.1-rc2
YUI Rich Text Editor: 6.x-2.33