我如何删除这些特定标签“ <div><p></p></div> ”（如果未使用jQuery，则在使用CSS的文章中找到）

Question

<div><p>&nbsp;</p></div> -这些标记已添加到我的代码中，因为我无法调整或更改所见即所得的编辑器。 我怎样才能理想地使用CSS删除它，或者如果不是jQuery则删除它，因为它会弄乱我的布局。

这是所见即所得的结构，我需要清理一下。 我无法更改所见即所得的编辑器，因为已经有很多使用该编辑器编写的文章。 我现在能想到的唯一解决方案就是纯前端。 顺便说一句，平台是Rails

谢谢！

Answer 1

在您的HTML <div class="tempDiv" style="display:none"></div>

然后一些jQuery：

var crappyString = "<div><p>&nbsp;</p></div>";
$(".tempDiv").html(crappyString);
var sanitisedString = $(".tempDiv").text();

---

与我过去遇到的一个问题相关： 当jQuery解析html-Chrome抛出net :: ERR_FILE_NOT_FOUND

---

不能调整或更改

有时，当您可以与其他开发人员交谈时，它会有所帮助： TinyMCE-获取纯文本

Answer 2

对于SEO来说，最好走出所见即所得并用手拿走每篇文章并进行清洁。 我在Joomla中遇到相同的情况，我也这样做。 很难使一个好的CSS / JS选择器仅清除div，div> p，div + br且没有文本。 默认的wordpress编辑器使文本更整洁，尝试查看市场上是否免费，然后将其添加到您的应用中。