Woocommerce 产品标题显示 HTML？答案

【问题标题】：Woocommerce Product Titles Showing HTML?Woocommerce 产品标题显示 HTML？
【发布时间】：2020-09-25 22:32:15
【问题描述】：

最近，我的 Wordpress 网站已更新，Woocommerce 产品页面现在将我们产品标题中的 <br> 代码显示为文本。

在产品页面上显示："New <br> Collection"。

在页面源代码中，代码显示为

<h1 class="product_title entry-title">
    New&lt;br&gt;Collection</h1>
<p class="price"></p>

我该如何解决这个问题，所以会有一个换行符将产品标题显示为...
"新
收藏”

提前致谢。

【问题讨论】：

这里只有 HTML，每个标签都没有。
@FunkFortyNiner 也许会有 woocommerce 专家告诉他们要更改什么设置才能不弄乱他们的 HTML
@mplungjan 很难说。我只是想知道为什么这被标记为这样。恕我直言，使用这些标签会使问题变得不清楚和误导。

标签： php html css wordpress woocommerce

【解决方案1】：

@mplungjan 的解决方案非常有用。我浪费了几个小时试图找到一个没有成功的 PHP 解决方案。 JS 代码根本不会降低性能，唯一的问题是，如果您的 DOM 加载缓慢，字符可能会在脚本更改之前显示在页面中。我在 function.php @mplungjan 建议中添加了它，如下所示。 WooCommerce 插件升级后出现此问题。这只发生在单个产品页面中，不会显示在产品列表页面内的标题中。

已添加：


     /***********************************************************************
     *  CODE FOR line BREAK in the title of woocommerce product
     * 
     ************************************************************************/
         
         function title_br_hook_javascript() {
             ?>
                 <script>
                   window.addEventListener("load",function() {
           [...document.querySelectorAll(".product_title")].forEach(h => h.innerHTML = h.innerHTML.replace(/&lt;br&gt;/g,"<br/>"));
                      console.log("restore prod's title br");
         }) 
                 </script>
             <?php
         }
         add_action('wp_head', 'title_br_hook_javascript');

【讨论】：

这个解决方案不太优雅，因为被替换的字符出现在 JS 函数执行之前。有人为它在 woocommerce 上开票吗？
所以你把我的代码打包并获得投票？奇怪
对不起，这是我在 SO... 的第一篇文章...如何投票给您...？我试过了，但平台说我没有足够的分数来投票给你

【解决方案2】：

如果您无法在代码中修复它，请尝试

window.addEventListener("load",function() {
  [...document.querySelectorAll(".product_title")].forEach(h => h.innerHTML = h.innerHTML.replace(/&lt;br&gt;/g,"<br/>"))
})

<h1 class="product_title">A split&lt;br&gt;title</h1>
<h1 class="product_title">A split&lt;br&gt;title</h1>

【讨论】：