image upload and W3C errors

12/02/2009 4:33 am | #1 info97301

Hi

I've created a site and use the HTML editor to update dynamic pages. If the page only contains text, it passes the W3C validation.

However, if I try to insert an image, the image is displayed properly, but validation fails (even though there is Alt text specified).

The error is always a variation on:
--------------
Line 85, Column 105: end tag for "img" omitted, but OMITTAG NO was specified

…c="/up/picture.jpg"></p>

Line 85, Column 5: start tag was here
<p><img height="400" alt="picture.jpg" width="600" src="/up/pictu...

-------------
Whether it is related or not, when I test the site locally, images are not displayed - even though they exist in the /up/ folder

Any help much appreciated.

Chris

12/02/2009 7:06 am | #4 neilo

The closing image tag isn't quite complete, - the forward slash before the '>' of the closing image tag is missing. I expect that is what stops the page fully validating.

The line should really be this:

<p><img height="400" alt="picture.jpg" width="600" src="/up/picture.jpg" /></p>

12/03/2009 11:44 am | #6 Eric Mittman

So if you have this slash at the end it does not get stored in the db like this? Are you manually adding in this image tag in the source or are you adding the image with the insert image button? Also what do you have specified in the doctype declaration for the html standard?

12/04/2009 3:38 am | #7 info97301

Hi Eric

Adding the slash is not stored in the database. I am using the 'insert image' button in the editor, then 'browse server'.
I have tried different doctypes, with the same results.

I am now getting even weirder resultas - I've obviously done something to totally screw things up, but can'#t fathom what! After I've successfully uploaded images - which are displayed on the page - when I go to the UPDATE page, the images have disappeared, and the source code shows:

<p><img height=""200"" alt=""bedroom"" width=""300"" src=""/up/IMG_3521_300x200.jpg""></p>

AAAAAAAARghhhhhh!

Cheers

Chris

12/04/2009 3:44 am | #8 info97301

Sorry, forgot to say I replaced

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

with
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />

following a validation error.

Cheers
Chris

12/04/2009 12:52 pm | #9 Eric Mittman

When I was asking about the doctype I was curious about the html standard you are using, if it is xhtml 1.0 then the validations will catch any missing slash like this.

On your update page it seems that you have some formatting applied to the editor. In the configuration for the editor you should ensure that you do not have any formatting present for the initial value. If you cannot spot this post back with the update page and I can point out where this change will need to be made.

Also, when you are inserting this for the first time are you able to confirm in the source code view that the image has the trailing slash?

If you post back with the insert page I can look to see if there is some formatting on this page that would cause this to happen.

12/08/2009 1:22 am | #10 info97301

Hi Eric

Sorry for my delay in replying - been trying to do other things with the site!

Lines on all page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
-----------

Getting really weird results now! Text inserts and updates fine. If I insert a picture, the insert is OK, but if I try to update it, the picture is removed and the code has been altered.
The same thing happens if I try to out a Google Map on the page. It goes in OK and is stored in the database, but when I try to update the page I get '"' replacing lots of the code in the editor field.

The code for the field is:

<td colspan="2"><?php
// WebAssist iRite: Rich Text Editor for Dreamweaver
$WARichTextEditor_1 = CreateRichTextEditor ("PgDetails", "HTMLEditor/", "100%", "500px", "Custom", "../custom/pages_Update_PgDetails1.js", "".(str_replace('"', '"', $row_WADApages['PgDetails'])) ."");
?></td>

The /pages_update_OgDetails1.js file is:

// Custom configuration for iRite
FCKConfig.XMLFullName = 'NoUpload';
FCKConfig.XMLFileName = 'NoUpload.xml';
FCKConfig.SkinPath = 'skins/silver/'; // relative to fckeditor/editor/fckeditor.html
FCKConfig.DocType = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">';

FCKConfig.AutoDetectLanguage = true;
FCKConfig.DefaultLanguage = 'default';

FCKConfig.StartupFocus = false;
FCKConfig.FullPage = false;

FCKConfig.BaseHref = '';
FCKConfig.DefaultLinkTarget = '_self';

FCKConfig.ToolbarSets["Custom"] = [ ['Source'], ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'], ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'], '/', ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'], ['OrderedList','UnorderedList','-','Outdent','Indent'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'], ['Link','Unlink','Anchor'], ['Table','Rule','SpecialChar'], '/', ['Style','FontFormat','FontName','FontSize'], ['TextColor','BGColor'], ['FitWindow']]; /* Toolbar end */

FCKConfig.ForceStrongEm = false;
FCKConfig.FormatIndentator = ' ';
FCKConfig.EnterMode = 'p';
FCKConfig.FillEmptyBlocks = false;
FCKConfig.FormatOutput = false;
FCKConfig.FormatSource = false;
FCKConfig.IncludeGreekEntities = false;
FCKConfig.IncludeLatinEntities = false;
FCKConfig.ProcessHTMLEntities = false;
FCKConfig.ProcessNumericEntities = false;
FCKConfig.AdditionalNumericEntities = '';
FCKConfig.ForcePasteAsPlainText = false;
FCKConfig.CleanWordKeepsStructure = false;

FCKConfig.EditorAreaCSS = '../../css/my_styles.css'; // relative to fckeditor/editor/fckeditor.html
FCKConfig.BodyClass = 'featuredLeft';
FCKConfig.StylesXmlPath = ''; // relative to fckeditor/editor/fckeditor.html
FCKConfig.ManagerEnabled = false;
if (false) {FCKConfig.Plugins.Add('kfm');}

Your help is much appreciated.

Chris

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

image upload and W3C errors

12/02/2009 4:33 am | #1 info97301