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 调试,您可以准确地看到每个块的模板名称。 因此,您可以覆盖一个(或多个)特定块的模板并在其中添加包装器