在Internet Explorer中隐藏或删除呈现为“ì”的空文本节点()

时间:2012-12-14 15:46:45

标签: javascript jquery html css internet-explorer

我在后端为Joomla CMS的客户创建了一个网站。我有一个问题,当最终用户编辑一些文章时,它会在图像标记之前插入一个空格,然后IE将其解释为一个空文本节点。这不是IE以外的任何浏览器中的问题。

IE将这些空文本节点显示为小的“i”类型字符,但带有重音。

enter image description here

我已经验证了标记,除了最终用户编辑的内容之外的奇怪缺失alt标记,标记还可以。

我认为尝试查找和更改后端WYSIWYG编辑器功能并不是一件容易的事,因此我想尝试让IE忽略这些前导空格。有没有办法在Javascript中执行此操作?

EDIT 为了澄清......这是最终用户插入一些图像后的一些标记:

<div class="before-after">
<p>BEFORE<br /> <img src="/images/before-after/Arm%20before%20treatment.jpg" border="0" width="170" height="205" style="border: 0;" /></p>
<p>AFTER 3 TREATMENTS<br /> <img src="/images/before-after/Arm%20after%203%20treatments.jpg" border="0" width="170" height="205" style="border: 0;" /></p>
</div>

除了img标签之前的前导空格外,我看不到任何字符。在IE中,这个空间显示为“

网站在这里: http://www.radiantliving.co.uk/laser-tattoo-removal

1 个答案:

答案 0 :(得分:3)

空格似乎是&nbsp;(没有空格字符)。你可以使用这个javascript代码删除它们:

$(function(){
     var scope = $("#article");
     scope.html(scope.html().replace(/&nbsp;/g,''));
});

scope更改为您想要的任何父元素。它现在正在调查#article元素的整个孩子。