WYSIWYG problem in TinyMCE

In 7.0.5, if you type in TinyMCE and use Enter to create a new paragraph, you will see a space between paragraphs in the editor.  However, the space is missing in the published page.  This is occurring for pre-existing content as well as newly added content.  Spaces between paragraphs are lost.  Tried this in an HTML block and News in ADMIN, and the Forum in the site itself.

Someday, Someway.
Quote · 12 Feb 2011

I was just able to re-create this in both IE8 and Firefox while making blog posts.

The line breaks were created, but not the extra (paragraph) line.

That said, if a person adds an extra line break in the editor it is kept and does appear as a double break. Of course this looks confusing in the TinyMCE editor window which makes it appear as four line breaks.

I haven't tried it in the other areas, but I can confirm a problem in the blog TinyMCE functions.

Dolphin 7.05

Fresh install, no manual code changes, no non-Boonex mods added.

Quote · 12 Feb 2011

This is something I've posted a fix for on several occasions.  Every time I did that however, a bunch of other people had to butt in and post "better" solutions, or "the correct way".

All I'll say this time, is that I've never had this problem on My site.

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 12 Feb 2011

Having just read through the post that I believe you're eluding to, I can see why you said that. Talk about diluting a perfect fix.

Anywho, for those who don't know - here is the fix that houstonlively suggested - and still works to this day (just applied it) ; )

 

-------------------------------------------------------------------------------------------

if you ad this to the BOTTOM of templates/base/css/general.css

p {

margin-bottom: 1em;

}


li {

margin-bottom: .5em;

}


AND delete ALL of the cached files on your server, it will work just fine.

-------------------------------------------------------------------------

 

Or, if you want to spend about 20 minutes reading through comments for other suggestions you can go to http://www.boonex.com/unity/forums/topic/Is-everyone-s-blog-format-as-ugly-as-mine-.htm

 

This is assuming I have the correct post that HL was talking about.

Quote · 12 Feb 2011

I would also suggest adding that to the bottom of every tmpl_xxxx/css/general.css file, so things are still OK in the event of multiple templates.  Somewhere earlier in general.css, the paragraph margins are set to zero, so that can actually be deleted, and it's why I suggested adding the css to the bottom of the file.

The reason this happens to begin with, is that the TinyMCE editor adds no margins whatsoever to the <p> tag.  In the absence of any css for the <p> tag, the spaces you see while editing, are actually added by the browser.  Since the text only exists in the browser on your computer at this point, it won't inherit any css from the sites templates.  Then when the post is saved, it actually becomes part of the site, and hence is subject to the css rules of the site, which unfortunately set the <p> tag margins to zero.

I set my paragraph margins to 1em.  I think most browsers default value is 1.12em....  figured 1em was close enough.

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 12 Feb 2011

I'm going to add a vote for this to be part of Dolphin itself. Seems silly to have to apply a *fix* for something so basic and universal.

Quote · 20 Feb 2011

Thanks.  That was my reason for posting it in Bug Reports.  Owners shouldn't have to keep fixing the same essential features with every upgrade.  There are a number of these, and 7.1 will really mess things up.

Someday, Someway.
Quote · 20 Feb 2011

I *believe* this is actually caused by the editor's own code - and not anything that Boonex is doing right/wrong.

Still, it would be a nice thing to add to the CSS file anyway so that this doesn't keep coming up.

Quote · 20 Feb 2011

This does not seem to work for my job 6.1.

Clear cache for 6-1, how?

any other ideas?

thanks

Quote · 26 Sep 2011

 if you are having a problem on 6.1, then most likely there is not going to be much help here in the forums. since we are currently on Dolphin 7.0.7, with 7.0.8 scheduled to be released. 

This does not seem to work for my job 6.1.

Clear cache for 6-1, how?

any other ideas?

thanks

 Dolphin 6.1 is a completely different system and setup than is Dolphin 7.0, so nothing posted for 7.0 would really lend assistance to you. as you see this topic started out with 7.0.5 inquiries. 

When a GIG is not enough --> Terabyte Dolphin Technical Support - Server Management and Support
Quote · 26 Sep 2011

I just found this thread. Having suffered with this issue for ages, reformatting submissions of members I was happy to try this fix.

There is a problem though. Each browser seems to deal with the change in a different manner. In IE9 there seems to be no benefit but Firefox, Chrome and Opera all have a sightly different, but workable, presentation.

Are there any suggestions as to how to make this work in IE?

Thanks.

Quote · 3 Nov 2011

Sorry to reply to my own post.

Problem seems to have solved itself. I have retested posting with Houstonlively's suggestion and now IE is working just fine. There does seem to still be some difference between browsers but I am not going to worry about it for now.

 

By the way, I needed to add the code snippet to the template I was using instead of/as well as the default template.

Thanks very much Houstonlively. Now to maybe learn some more about what I can do with Tiny. ;)

Quote · 3 Nov 2011
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.