HdI make my site work with IE ([if !supportLists] [if !supportEmptyParas] problem)

By andre75 on 3 Oct 2005 at 05:02 UTC

Hello,

i just did an awful lot development on a new site.
Today I tried it out with IE (usually I use firefox).
I edited the content with TinyMCE.
When I look at the content with IE i see lines such as this:
 
or this:
· 

I use the Spreadfirefox theme (modified).

I could really use some help with this. Where do I look to make this work correctly.

Thanks
Andre

[EDIT -sp: added code tags so people could see the errors]

Comments

Wittout a link to the site,

sepeck commented 3 October 2005 at 15:19

Wittout a link to the site, it will be hard for people to assist you. In any case, the few times I have done something like this has been because I made a type in the page.tpl.php template. Generally missed a php closing tag.

-sp
---------
Test site, always start with a test site.
Drupal Best Practices Guide -|- Black Mountain

-Steven Peck
---------
Test site, always start with a test site.
_{Drupal Best Practices Guide}

Here is the link

andre75 commented 3 October 2005 at 17:22

Thanks sepeck.

I didn't want to release it yet, as the site is still under construction.
Here is the link:
http://www.opentravelinfo.com/north_america/u_s_a/california/yosemite_na...

If you look at it with IE you can see the disaster (scroll down). I think it has something to do with writing in word. I did this article with TinyMCE alone and it looks fine:

http://www.opentravelinfo.com/north_america/u_s_a/california/bodie_calif...

Andre

-------------------------------------------------
http://www.aguntherphotography.com

I don't see any odd tags in

sepeck commented 3 October 2005 at 18:32

I don't see any odd tags in IE6 or FF1.6 except the Navigation Header menu runs out to the right more in IE then in FF.

Keep in mind that MS Word doesn't use the standard ISO characterset so when you copy and paste, you are pasting in not quite the same thing as standard stuff. I was under the impressions that TinyMCE had a setting to fix this.

-sp
---------
Test site, always start with a test site.
Drupal Best Practices Guide -|- Black Mountain

-Steven Peck
---------
Test site, always start with a test site.
_{Drupal Best Practices Guide}

Thanks

andre75 commented 3 October 2005 at 22:41

Thanks for your reply. You will actually have to scroll down or search for this string:

My favorite places to shoot photos are

Just below, there is a bullet list. That looks like this in IE :

<!--[if !supportLists]-->·        <!--[endif]--->Item 1

<!--[if !supportLists]-->·        <!--[endif]--->Item 2

And so on and so forth.

Thanks for the tip on the Nav. Menu. I hadn't noticed. The whole thing looks kinda weird in IE but the most pressing issue is the problems i get with the bullet lists.
I wouldn't mind, if the goal of the site wasn't for people to post their own articles. I can see most people type the article in word and then paste it.

And yes, TinyMCE has a setting to clean up word code which I have enabled. I am using TinyMCE since I could not find out if there is a way to disable picture upload on FCKed (I want people to use Image assist as the uplaod module of FCKed is not restrictive enough).

Thanks for your answer. Hope you can see the problem now. Just search for the string.

Andre

P.S.: I am getting ready to ditch the SFF theme and find something better as a base theme. I had a lot of problems with that one (like whitespaces in weird places). I thought I had it all working now until I opened it in IE.

-------------------------------------------------
http://www.aguntherphotography.com

ah hah

sepeck commented 4 October 2005 at 01:20

I just tested this and reproduced the behavior.

I inserted this into my page.tpl.php and it showed in IE and not in FF

<!--[if !supportEmptyParas]--> <!--[endif]-->

I added a space as seen here and IE correctly rendered it as a comment and did not display it.

<!-- [if !supportEmptyParas] --> <!-- [endif] -->

-sp
---------
Test site, always start with a test site.
Drupal Best Practices Guide -|- Black Mountain

-Steven Peck
---------
Test site, always start with a test site.
_{Drupal Best Practices Guide}

So its TinyMCE then

andre75 commented 4 October 2005 at 03:15

Thanks Sepeck for your efforts,

I don't have anything like this in my page.tpl.php file. Seems like TinyMCE misses a lot of stuff while cleaning up word code. Thats too bad.
So now it is either hacking TinyMCE to make it clean word up or trying to figure out how to disable the picture upload in FCKed.
Damn, i wish there was an easier solution.

Andre

-------------------------------------------------
http://www.aguntherphotography.com

update: tinymce.module

andre75 commented 4 October 2005 at 03:28

Just grepping around in tinymce.module i found this:

Automatically cleanup MS Office/Word HTML will be executed automatically on paste operations. (Only works in Internet Explorer)

Which explains what happend (I used Firefox and word).
What a stupid thing.

-------------------------------------------------
http://www.aguntherphotography.com

my solution

VvD commented 29 July 2008 at 08:34

My solution, maxbe it's useful for someone :

            $own_content = str_replace('<!--', '<!-- ', $content);
            $own_content = str_replace('-->', ' -->', $content);
            print $own_content;

The comments are from word

nevets commented 4 October 2005 at 01:28

Word generates a lot of extra html when it's used to generate html.
In those case where someone has produced html with work I run it through dreamweaver (they have a tool for cleaning up word html files).

I see

andre75 commented 4 October 2005 at 03:22

Nevets, thanks for your post.
Unfortunately things are not quite as easy for me. I am not trying to design my site with word (I am on Linux, Firefox, Quanta). The idea of my site is that users write rather large documents and post them while adding some pictures to the layout with TinyMCE.
Unfortunately most people still use IE and Word as their primary Browser and Word Processor.
I hate that, but there is nothing i can do. Especially since the Word code (Microsoft) does not work with IE (Microsoft) which I find ridiculous.
If it won't work with IE chances are some other browsers fail too.

I want my site to be userfriendly. This is the most important thing for me. I have looked into installing a wiki, but I bet a lot of users get repelled by the interface (also I like the taxonomy of drupal).

Userfriendly means, users can write their document elsewhere (and get the grammar checked out), before posting it. It may take them a couple of hours to write their stuff and noone wants to risk a lost connection.

I hope you understand now that I need to be able to post Word code, not because I want to, but because most people use IE and Word.

Andre
-------------------------------------------------
http://www.aguntherphotography.com

unclear to me...help?

discursives commented 10 January 2007 at 14:33

This is exactly the issue I'm having. I just pasted your "spaced" if statement into my page.tpl.php and I don't see a change in IE7.

Can you advise me if that's what you meant as the fix? Pretty pretty please?

I am not quite sure I follow

andre75 commented 13 January 2007 at 04:21

I am not quite sure I follow the question. I basically copied and pasted from a word document into my page (bad idea). That caused the whole issue. Unfortunately thats exactly what many of my users do. I told them to use IE, since then TinyMCE will clean up the code.

-------------------------------------------------
http://www.opentravelinfo.com
http://www.aguntherphotography.com

HdI make my site work with IE ([if !supportLists] [if !supportEmptyParas] problem)

Comments

Wittout a link to the site,

Here is the link

I don't see any odd tags in

Thanks

ah hah

So its TinyMCE then

update: tinymce.module

my solution

The comments are from word

I see

unclear to me...help?

I am not quite sure I follow

New forum topics

News items

Our community

Documentation

Drupal code base

Governance of community