TinyMCE bullet lists and other markup show in editor but not view
pengi - February 19, 2007 - 06:30
This must have been covered before but I can't find anything on it via search. I have drupal 5.1 with TinyMCE 1.90.4.15/tinymce-5.x-1.x-dev, much of it seems to work well. Forecolors and lists are visible when editing but vanish when viewed. I thought perhaps it had to do with input formatting, but I've switched to Full HTML, that didn't change anything. What am I missing?
Try "Rich text" input format
One used to need to set up an input filter that did absolutely nothing in order to get TinyMCE to work properly (Full HTML still does line/paragraph break stuff). i.e. set up a filter called e.g. "Rich text" and make sure none of the individual filters is selected.
Whether this will fix your problem I'm not sure..!
Thanks for that tip but in
Thanks for that tip but in my case creating and using a new input format that was more or less empty didn't have any effect.
Anyone able to help with
Anyone able to help with this?
Oh, I just found that the garland theme renders the bullets fine, so it's an issue with multiflex37.
Same issue here
Yes, I also think it's a multiflex37 issue. I've looked at all the stylesheets involved and here's the one that we probably need to tinker with (in css/layout4_text.css):
.main-content ul {list-style: none; margin:0.5em 0 1.0em 0;}.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}
Why isn't the background:url image showing? I have tried putting in 'disc' or 'circle' for list-style but to no effect.
Fixed it a bit
Ok, I tinkered with the block of code as shown below (used the background:url image for the list-style-type and increased the margin sizes for ul, li). These seem to have fixed the no-show bullet problem but I still have to fix problems with inconsistent font styles and sizes with Multiflex37.
.main-content ul {list-style: list-style-type: url(../img/bg_bullet_full_1.gif); margin:0.5em 0 1.0em 0;}.main-content ul li {margin:0 0 0.2em 20px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}