CSS、JavaScript、HTML - 所见即所得编辑器中的空段落和错误代码答案

【问题标题】：CSS, JavaScript, HTML - Empty paragraphs and wrong code in WYSIWYG editorsCSS、JavaScript、HTML - 所见即所得编辑器中的空段落和错误代码
【发布时间】：2012-01-12 18:35:36
【问题描述】：

我正在为客户创建一个站点（只是一个新布局，站点已经存在，并且在 Joomla 1.7 中完成）。我的文章有问题，由客户通过所见即所得编辑器完成。为什么？好吧，代码很混乱。有很多空标签，比如：

<p></p>

<p>&nbsp;</p>

甚至：

<p><span style="color: #008000;"><span style="font-size: medium;"><strong> </strong></span></span></p>

我可以使用 JavaScript 或 CSS 以某种方式删除它吗？或者我不应该关心，因为我无法控制客户端使用编辑器的方式？

编辑：所以，kitgui.com 的解决方案成功了 - 看看这个插件 - http://code.google.com/p/jquery-clean/ - 就像一个魅力。

【问题讨论】：

您可以直接编辑文件吗？我会用 NotePad++、Crimson Editor 之类的编辑器打开它，然后手动删除所有垃圾代码。
这听起来像是 WYSINotWYG
@BumbleB2na 很多旧的所见即所得，比如 DreamWeaver，曾经做过很多这种臃肿的代码。
@Biotox 好吧，我会这样做，但是已经有数百篇文章了。手工完成需要很长时间。
这就是所见即所得的工作原理。

标签： javascript html css joomla wysiwyg

【解决方案1】：

您可以在保存时使用Tidy class 进行一些后处理。 Tidy 有很多配置选项，你只需几行代码就可以清理掉那些空标签。

类似：

<?php
$html = "MESSY HTML HERE";
$tidy = tidy_parse_string($html);
$tidy->cleanRepair();
echo $tidy;
?>

【讨论】：

这是一个 PHP 解决方案吗？我还是给了 +1。
嗯，是的，我认为这是有道理的，因为 Joomla 在 php 上运行。
嗯，谢谢你的回答。不幸的是，我没有任何 PHP 知识，也不知道该把代码放在哪里。
即使您没有 PHP 知识，扩展目录中也可能有适合您的 Joomla 扩展之一。 extensions.joomla.org/search?q=tidy

【解决方案2】：

David 提出了一个很好的建议，但我不知道您是否在使用 PHP。如果您想尝试 JavaScript 后处理，您可以尝试申请：

http://code.google.com/p/jquery-clean/

在最后保存之前..

【讨论】：

太棒了！这个插件成功了，甚至删除了奇怪的代码，比如： 。非常感谢。