jquery - 如何在生成的 HTML 上强制使用单一字体？

Question

我们的用户使用内容编辑器工具为他们生成简单的网络内容。从编辑器中，他们可以选择文本的字体，虽然我无法配置编辑器以强制他们只使用一种字体，但我认为可能会在生成的 html 中覆盖它，因为我可以访问 xsl 和 css，但这个特殊功能不在 xsl 中，而是由外部框架完成。

因此，当他们选择一种字体时，编辑器会生成如下内容:

<p class="my-class"><FONT face=georgia>Hello World</FONT></p>

我无法更改上面那行的结构，但我可以更改我的类或插件 jquery 代码。使用 css(编辑我的类)、jquery 或 xslt 是否有办法用我选择的不同字体替换 html 上的任何字体？

谢谢!

Answer 1

您可以使用 jQuery 删除字体标签:

1) 查看unwrap

2) 或者为了更好的性能，使用 replaceWith :

$(".my-class").contents().replaceWith(function() { return $(this).contents(); });