Drupal 8 如何在不在编辑器中公开 HTML 的情况下将块包装在自己的 HTML 中
Drupal 8 How do you wrap blocks in their own HTML without exposing the HTML in the editor
我在一个网站上创建了页脚区域。这将由两个块组成,一个与页脚左侧对齐,另一个与页脚右侧对齐。我正在使用 Bootstrap,因此每个块都包含在必要的 HTML 中以描述两列。
我的问题是,如何将特定块包装在它们自己的 HTML 中而不在 Drupal 的块编辑器中公开它(以避免用户删除 HTML)。
这是我的示例 HTML;
<!-- Start: Footer -->
<footer>
<div class="container">
<!-- {{ content }} would be inserted here -->
<!-- Start: Footer menu -->
<div class="col-xs-12 col-sm-8">
<img src="/images/logo.png" class="logo">
<ul class="links">
<li><a href="#">FAQS</a></li>
<li><a href="#">RESOURCES</a></li>
<li><a href="#">RETURN TO MAIN SITE</a></li>
</ul>
</div>
<!-- End: Footer menu -->
<!-- Start: Social media links block -->
<div class="col-xs-12 col-sm-4">
<p>Connect with us:</p>
<ul class="social">
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
<!-- End: Social media block -->
</div>
</footer>
<!-- End: Footer -->
如果您在 development.services.yml 中激活 twig 调试,您可以准确地看到每个块的模板名称。
因此,您可以覆盖一个(或多个)特定块的模板并在其中添加包装器
我在一个网站上创建了页脚区域。这将由两个块组成,一个与页脚左侧对齐,另一个与页脚右侧对齐。我正在使用 Bootstrap,因此每个块都包含在必要的 HTML 中以描述两列。
我的问题是,如何将特定块包装在它们自己的 HTML 中而不在 Drupal 的块编辑器中公开它(以避免用户删除 HTML)。
这是我的示例 HTML;
<!-- Start: Footer -->
<footer>
<div class="container">
<!-- {{ content }} would be inserted here -->
<!-- Start: Footer menu -->
<div class="col-xs-12 col-sm-8">
<img src="/images/logo.png" class="logo">
<ul class="links">
<li><a href="#">FAQS</a></li>
<li><a href="#">RESOURCES</a></li>
<li><a href="#">RETURN TO MAIN SITE</a></li>
</ul>
</div>
<!-- End: Footer menu -->
<!-- Start: Social media links block -->
<div class="col-xs-12 col-sm-4">
<p>Connect with us:</p>
<ul class="social">
<li><a href="#"><span class="fa fa-twitter"></span></a></li>
<li><a href="#"><span class="fa fa-facebook"></span></a></li>
<li><a href="#"><span class="fa fa-linkedin"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus"></span></a></li>
</ul>
</div>
<!-- End: Social media block -->
</div>
</footer>
<!-- End: Footer -->
如果您在 development.services.yml 中激活 twig 调试,您可以准确地看到每个块的模板名称。 因此,您可以覆盖一个(或多个)特定块的模板并在其中添加包装器