评论内容 - HTML和PHP

Question

我目前正在为我的雇主调整一个BigCommerce主题。他们要求我删除并更改一些CSS / HTML元素以适应他们追求的风格和功能。

我不希望只删除主题中的功能，而是希望在以后需要时将其评论出来。但我的格式有问题。

以下是ProductDetails.html面板文件中显示的代码：

    <div class="Content" id="prodAccordion">
        %%Panel.ProductTabs%%
        %%Panel.ProductDescription%%
        %%Panel.ProductVideos%%
        %%Panel.ProductWarranty%%
        %%Panel.ProductOtherDetails%%
        %%Panel.SimilarProductsByTag%%
        %%Panel.ProductReviews%%
        %%Panel.ProductByCategory%%
        %%Panel.SimilarProductsByCustomerViews%%
    </div>

我试图仅评论最后3行。

但是，当我这样做时，评论的结尾（ - ＆gt;）会显示在浏览器中。我已经正确地结束了评论，但必须有一些我想念的简单概念。希望SO的优秀人才能提供帮助。

下面是我保存的代码和浏览器中显示的屏幕截图。第一个屏幕截图是我在添加任何注释之前的样子，第二个是在我添加它们之后。你可以清楚地看到第二张图片中的结束评论，谁能告诉我为什么？

提前感谢您的帮助。

    <div class="Content" id="prodAccordion">
        %%Panel.ProductTabs%%
        %%Panel.ProductDescription%%
        %%Panel.ProductVideos%%
        %%Panel.ProductWarranty%%
        %%Panel.ProductOtherDetails%%
        %%Panel.SimilarProductsByTag%%
        <!--%%Panel.ProductReviews%%-->
        <!--%%Panel.ProductByCategory%%-->
        <!--%%Panel.SimilarProductsByCustomerViews%%-->
    </div>

Answer 1

妮可，我已经处理了这个问题，并且可以解释为什么正在发生 如何来避免它。

为什么会发生

这种情况正在发生，因为这就是BigCommerce的服务器端PHP处理器解析您正在查看的代码的方式。代码是基本的HTML，而%% Panel.something %%只是BigCommerce处理器识别为BigCommerce命令的方式。
BC站点看到%% Panel.Name %%时，它知道这不是HTML，而是BC服务器端处理器在向用户提供此HTML之前应插入Panel文件的位置。

如何避免和正确评论

只需删除％符号并使用常规注释即可。这将有效：

 <!-- Panel.ProductReviews-->

这样：

 <!--%%Panel.ProductReviews-->

而且：

  <!-- Panel.ProductReviews%%-->

甚至这个：

  <!-- %Panel.ProductReviews% -->

主要是，您必须确保Panel.Name引用的每一面每边都没有2％的符号。

恢复正确注释的代码/面板

只需恢复每一侧的2 %符号（-和%之间的空格无关紧要，您可以没有或10）：

  <!-- %%Panel.ProductReviews%% -->

为什么您在实时网站上看到-->

正如您的问题评论中提到/解释的那样，您在评论类似-->的小组时看到<!--%%Panel.Name%%-->，因为通过这样评论小组而不删除其中至少一个%符号，您仍然告诉BigCommerce加载Panel HTML文件，但要将其放在

中

<!-- [HTML code from panel goes here] -->

问题在于，其中一些Panel文件本身包含注释。 例如，假设你像%%Panel.Header%%那样评论!<--%%Panel.Header%%-->。 Header.html面板可能是这样的代码：

<!-- this is the header code panel-->
<div class"MainHeader">
     <ul class="TopNav">
         ...
     </ul>
</div>

通过在不删除%符号的情况下注释掉代码，BigCommerce将加载此代码：

<!--
<!-- this is the header code panel-->
<div class"MainHeader">
     <ul class="TopNav">
         ...
     </ul>
</div>
-->

当用户打开使用Header.html面板的网页时，他们会将此代码视为已评论 <!-- <!-- this is the header code panel --> < / strong>，因为浏览器会在第一个<!--处开始评论，并在第一次出现-->时结束评论。

在浏览器中，用户将看到未注释的遗骸：

<div class"MainHeader">
     <ul class="TopNav">
         ...
     </ul>
</div>
-->

因此，你会看到一些额外的，可能是破坏的HTML，加上在不正确评论的代码末尾某处的流浪-->。

同样，要避免这一切，只需删除其中一个%符号，然后使用常规注释来注释掉Panel文件参考。

请告诉我这是否有帮助，如果您有任何其他问题。