Wysiwyg and Tinymce (most recent version) are set up but the text is offset to the right and in a column.

I pasted code from Notepad into the screen after disabling enriched code. See attachment for better idea. Any idea what may be causing this? Thanks.

CommentFileSizeAuthor
wysiwyg-tinymce-problem.JPG32.64 KBThomasr976

Comments

twod’s picture

twod
Primary language Swedish
Location Sweden
commented
Status: Active » Postponed (maintainer needs more info)

What did the pasted code contain? Tables, inline styles or any HTML markup at all?
Does the same thing happen on a new node if you just start typing into the editor?
I can't replicate or debug this without knowing what the contents of the editor were.
It might be a styling issue, have you tried with the Garland theme?
If there's a styling issue you should be able to find the offending style rules using the Firebug extension for Firefox.

Thomasr976’s picture

Thomasr976 commented

Thanks for the prompt response. I think the problem is with Tinymce 3.2.7 not plahying well with my theme. I failed to mention earlier that I have a custom theme. I've provided details because I have gotten WYSWYG to work with it too, but with Tinymce version 3.25.

Here's what happened:

When I disabled the rich text format, the code that I pasted earlier was left justified. I just pasted text from note pad into the text field. There were was no HTML or code. However when I enabled the rich text everything moved to the right.

When I created a new node, the same error occurred. The text aligned to the right when rich text was enabled and straight down the page.

I failed to mention that I have a custom theme on my production site. So I changed the Administration Theme to Blue Marine. WYSIWYG module worked perfectly and I was able to modify the node and also tried creating a new node.

I realized then that my text site had Wysiwyg with Tinymce 3.25 and it was working fine. My production site, however, had the latest version of Tinymce which was 3.27. So I went into CPanel on my production site and changed the libraries folder so that it had 3.2.5 version of Tinymce in it. Wysiwyg worked and I was able to create new nodes, etc.

Of course I am still wondering why the latest version of Tinymce would not play well with my theme. Would be interested in your thoughts. Thanks.

twod’s picture

twod
Primary language Swedish
Location Sweden
commented
Status: Postponed (maintainer needs more info) » Closed (works as designed)

It might simply be that they changed their stylesheets.

I'm guessing your theme styles the body tag to be right aligned. This then gets transferred to all the contents when viewed in the editor because it doesn't have all the other tags which normally wrap your nodes. Solutions to this are discussed in various issues. The solution for TinyMCE is in #636818: TinyMCE - "Editor default CSS", and a solution which might work better if you have another or more than one editor can be found here #487704: Theme background shows in editor window. These require changes to your theme's stylesheets, or that you create a new or extra stylesheet to include only in the editor and use the Define CSS option on the editor profile.

I really should put together an FAQ entry for this, or maybe it's own wiki page...