在使用 Magento 所见即所得编辑器编码的表格之前添加了空格答案

【问题标题】：White space added before table coded with Magento WYSIWYG editor在使用 Magento 所见即所得编辑器编码的表格之前添加了空格
【发布时间】：2014-06-02 09:40:02
【问题描述】：

这可能是一个简单的问题，但我找不到它的来源。我正在使用 Magento WYSIWYG 编辑器输入带有表格内容的产品描述。使用所见即所得编辑器（没有空格）在 Magento 管理员中看起来一切都很好。但是，页面输出在表格出现之前给出了一个巨大的空白。我最近升级到 Magento CE 1.8.1，我不确定这个问题是否与升级有关。

这是所见即所得编辑器中的代码。

<p><span style="font-size: medium;">T8 Tube</span></p>
<table style="width: 400px;" border="1" cellspacing="1" cellpadding="1">
<colgroup><col width="128" /></colgroup>
<colgroup><col width="77" /></colgroup>
<colgroup><col width="80" /></colgroup>
<colgroup><col width="92" /></colgroup>
<tbody>
<tr>
<td width="128" height="19"><span style="color: #000000; font-size:medium;">Wattage</span></td>
<td width="77"><span style="color: #000000; font-size: medium;">9W</span></td>
<td width="80"><span style="color: #000000; font-size: medium;">13W</span></td>
<td width="92"><span style="color: #000000; font-size: medium;">18W</span></td>
</tr>
<tr>
<td height="19"><span style="color: #000000; font-size: medium;">voltage(VAC)</span>    
</td>
<td><span style="color: #000000; font-size: medium;">220-240</span></td>
<td><span style="color: #000000; font-size: medium;">220-240</span></td>
<td><span style="color: #000000; font-size: medium;">220-240</span></td>
</tr>
<tr>
<td height="19"><span style="color: #000000; font-size: medium;">Lumens (lm)</span></td>
<td><span style="color: #000000; font-size: medium;">850</span></td>
<td><span style="color: #000000; font-size: medium;">1250</span></td>
<td><span style="color: #000000; font-size: medium;">1750</span></td>
</tr>   
</tbody>
</table>

当我使用查看代码打开浏览器时，我得到以下输出

 <p><span style="font-size: medium;">T8 Tube</span></p><br />
 <table style="width: 400px;" border="1" cellspacing="1" cellpadding="1"><br />
 <colgroup><col width="128" /></colgroup><br />
 <colgroup><col width="77" /></colgroup><br />
 <colgroup><col width="80" /></colgroup><br />
 <colgroup><col width="92" /></colgroup><br />
 <tbody><br />
 <tr><br />
 <td width="128" height="19"><span style="color: #000000; font-size: medium;">Wattage</span></td><br />
 <td width="77"><span style="color: #000000; font-size: medium;">9W</span></td><br />
 <td width="80"><span style="color: #000000; font-size: medium;">13W</span></td><br />
 <td width="92"><span style="color: #000000; font-size: medium;">18W</span></td><br />
 </tr><br />
 <tr><br />
 <td height="19"><span style="color: #000000; font-size: medium;">voltage (VAC)</span> </td><br />
 <td><span style="color: #000000; font-size: medium;">220-240</span></td><br />
 <td><span style="color: #000000; font-size: medium;">220-240</span></td><br />
 <td><span style="color: #000000; font-size: medium;">220-240</span></td><br />
 </tr><br />
 <tr><br />
 <td height="19"><span style="color: #000000; font-size: medium;">Lumens (lm)</span></td><br />
 <td><span style="color: #000000; font-size: medium;">850</span></td><br />
 <td><span style="color: #000000; font-size: medium;">1250</span></td><br />
 <td><span style="color: #000000; font-size: medium;">1750</span></td><br />
 </tr><br />
 </tbody><br />
 </table><br />

所以每个表格标签都添加了中断标签，这会在页面中的表格之前创建大空白。我不知道如何以及是谁在每个表格标签后面添加了这些中断标签。当我在 Magento admin 中使用 WYSIWYG 编辑器检查内容时，没有空格。有人帮忙吗？提前谢谢你。

【问题讨论】：

你能发布页面链接吗？
好吧，我不知道 Magento 默认会在描述内容的每个标签中添加中断标签……这对于文本内容可能是可以接受的，但显然不适用于表格。我的意思是，如果您使用 nr2br 函数强制添加中断标记，则需要使该函数足够智能以将某些标记识别为整个内容，例如表格标记。为 Magento 这么大的项目感到难过！

标签： html magento wysiwyg

【解决方案1】：

或者，如果您将表格通过 html 压缩，它不会放置任何空白。

【讨论】：

【解决方案2】：

对于那些在两天前还像我一样还不知道这一点的人......只需删除 nr2br 函数调用并将这些内容保留在 view.phtml 文件中。该函数实际上将中断标记添加到描述内容中的每个标记......

【讨论】：