By tookits on

I am having technical difficulties here trying to get my images to display on the page after I save them in the tinyMCE editor. I have had my site going for several months now and have had no issues. And on pages that I have created previously I am able to apply new pictures just fine and they will show up. Recently, I restructured some content into a "book" and all the content copied just fine. It's been a couple weeks and I went in to create a new "child Page" for my book and the images show up just fine in the editor, but when I save the page and it shows it on the site, it only shows the image's description text and then a blank space where the image should be. I have tried created other types of new content such as pages or stories and I get the same problem.

You can see my page that I am having trouble with here: http://www.parentarizona.com/node/41

I have the content type set to "Full hmtl" and I have added "img" as one of the allowed formats.
I do not use IMCE (although I did download it to see if that would correct the problem and I can't get the little IMCE icon to do anything to able to find the image files to upload. It just sits there and looks pretty, but is not functional. Figures.).

Anybody have any advice for me?

Oh, and on a side note, I no longer have the option to make my text "heading 1". I have all the other options in that drop down in tinyMCE, but not Heading 1. Huh??
Thanks!!

⋅ Categories: Drupal 6.x

Comments

Ravi.J’s picture

Ravi.J commented

Under the Rich text editor, You will see option "Input Formats", set input format to "Full HTML".
By default the input format is "Filtered HTML" that results in the HTML generated by TinyMCE being filtered.

-Ravi

luluwan’s picture

luluwan commented

It's amazing how the click of a button can solve hours of stress. Full HTML is a definite must.

bsenftner’s picture

bsenftner commented

I had a look at your site - I don't think the issue is your input filter, since I'm seeing the image markup on the page you linked to above. (If the problem was your input filters, I would not see any img tags in your markup.) I took a look at other pages of your site with images showing up correctly, and compared them to your page with the missing image, and they have almost the same markup...

Also interesting to note: using Firebug, I took the image from this markup on a working page:

<img width="371" height="102" alt="Toddler Parenting Class" src="images/toddler_class.png" style="float: left; margin: 10px;">

and replaced the "src" reference on your problem page not displaying the image:

<img width="231" height="212" style="margin: 10px; float: left;" alt="Discipline with Empathy" src="images/discipline_with_empathy.jpg">

changing it to this:

<img width="231" height="212" style="margin: 10px; float: left;" alt="Discipline with Empathy" src="images/toddler_class.png">

and the "toddler_class.png" image now does not display on your page that is having issues. I did this to test to see if perhaps your "discipline_with_empathy.jpg" file was spelled differently.... but seeing that "toddler_class.png" work on one page and not your problem page leads me to think there is something wrong with your surrounding markup...

Next I tried completely replacing the entire image tag from your working page to your problem page, and the image still will not display...

I'm not sure what's going on... but I send this anyway so you at least have these clues to help your situation...

-Blake
www.BlakeSenftner.com www.3D-Avatar-Store.com

tookits’s picture

tookits commented

You are right, Blake, it isn't the input filter (I've already verified that it's on "Full html"). So, if it has to do with the "surrounding markup" what other possibilities are there? I am completely stumped here...

Ravi.J’s picture

Ravi.J commented

Just in case, if you are still having problems, i noticed that when i add a slash in front of images folder , images start showing up. I changed the code from
<img src="images/discipline_with_empathy.jpg" alt="Discipline with Empathy" style="margin: 10px; float: left;" width="231" height="212" />

to this

<img src="/images/discipline_with_empathy.jpg" alt="Discipline with Empathy" style="margin: 10px; float: left;" width="231" height="212" />

-Ravi

tookits’s picture

tookits commented

I added an alternative URL and it started working. ?? So weird. I probably should have put the alt URL there to begin with (I normally do), but the fact that the images wouldn't show up without it is rather strange, don't you think?

Thanks for all your help!!

jlane’s picture

jlane commented

How did you add an alternative URL? I am having the exact same issue. Filtered HTML and Full HTML are both setup properly. Any help would be appreciated.

Thanks,

James