We have CMS system, users can add HTML content with WYSIWYG editor. I need to find all images inside the editor that have image maps and remove blank space before those images.

We discovered the problem that jQuery can't catch some elements when whole HTML code of the editor represented as one line. But when we run the code via http://jsbeautifier.org/, jQuery able to catch those elements that was unable before. What the reason?

HTML code before Code Beautifier:

<tr><td> <img alt="" src="images/46.jpg" usemap="#rade_img_map_1349882725177" /></td></tr>

HTML code after Code Beautifier:

<tr>

<td>

 <img alt="" src="images/46.jpg" usemap="#rade_img_map_1349882725177" />

</td>

</tr>

jQuery function:

function FixBlankSpaces() {

var editorContents = $('#editEditor_contentIframe').contents();

$(editorContents).find('img[usemap]').each(function () {

var currentElement = $(this);

var thisContent = $(currentElement).parent().html();

///////Here the jQuery get's in trouble//////

if (thisContent.indexOf(' <img') > 0) {

$('#editEditor_contentIframe').contents().find($(currentElement)).parent().html($('#editEditor_contentIframe').contents().find($(currentElement)).parent().html().replace(/ /g, ''));

}

});

}