2

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

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

在此处输入图像描述

我已经验证了标记，除了由于最终用户编辑的内容而导致奇怪的丢失 alt 标记之外，标记很好。

我认为尝试查找和更改后端所见即所得编辑器功能并非易事，因此我想尝试让 IE 忽略这些前导空格。有没有办法在Javascript中做到这一点？

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

<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

4

1 回答 1

3

似乎空格是&nbsp;（没有破坏空格字符）。您可以使用以下 javascript 代码删除它们：

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

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

于 2012-12-14T17:37:42.950 回答