While using Drupal and Ckeditor (via wysiwyg) there is an issue with the toolbar being one lone row, extending off to the right past browser edge.
This only happens with Safari and Chrome browsers and not with IE and Firefox, and only when you customize the buttons/plugins, when you take the default its fine, breaks at the right places etc.
So I did the following test and it appears this issue might be in CKeditor and not on the Drupal integration side.
I created a new toolbar configuration, actually I took the one sample from the developers documentation and took out the line break '/', part
I added this code to config.js
Then I modified the sample ckeditor provides, skin.html, to add the new toolbar on page.
When I look at skin.html in IE the toolbar wraps automatically, if I resize window it wraps the buttons/groups on its own. In chrome/safari it doesn't, as stated the toolbar just extends out to the right and some buttons go missing depending on browser width
Any ideas? bug?
This only happens with Safari and Chrome browsers and not with IE and Firefox, and only when you customize the buttons/plugins, when you take the default its fine, breaks at the right places etc.
So I did the following test and it appears this issue might be in CKeditor and not on the Drupal integration side.
I created a new toolbar configuration, actually I took the one sample from the developers documentation and took out the line break '/', part
CKEDITOR.editorConfig = function( config ) { config.toolbar = 'MyToolbar'; config.toolbar_MyToolbar = [ ['NewPage','Preview'], ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Scayt'], ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'], ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'], '/', ['Styles','Format'], ['Bold','Italic','Strike'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'], ['Link','Unlink','Anchor'], ['Maximize','-','About'] ]; };
I added this code to config.js
Then I modified the sample ckeditor provides, skin.html, to add the new toolbar on page.
CKEDITOR.replace( 'editor_kama', { skin : 'kama', toolbar : 'MyToolbar' });
When I look at skin.html in IE the toolbar wraps automatically, if I resize window it wraps the buttons/groups on its own. In chrome/safari it doesn't, as stated the toolbar just extends out to the right and some buttons go missing depending on browser width
Any ideas? bug?
Re: Toolbar not wrapping in Safari/Chrome
Re: Toolbar not wrapping in Safari/Chrome