评论内容 - HTML和PHP

Question

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

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

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

    <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行。

但是，当我这样做时，评论的结尾（ - >）会显示在浏览器中。 我已经正确地结束了评论，但必须有一些我想念的简单概念。 希望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 --> ，因为浏览器将在第一个时间开始注释<!--并在第一次出现时结束评论--> 。

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

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

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

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

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