drag-and-drop - 如何在 Hippo CMS 中动态地将容器包含到另一个容器中，通过从目录工具栏中拖放它们？

Question

我正在使用 Hippo CMS 10。通过控制台，在 hst:catalog 中，我创建了 hst:containeritemcomponent 和 hst:xtype, hst:referencecomponent , hst:iconpath, hst:label.
hst:referencecomponent 对位于 hst:workspace/hst:containers/的 hst:containercomponentfolder 的引用，其中包含 hst:containercomponent 和 hst: xtype 设置为 HST.Span

我需要容器，它可以包含(动态)可变数量的另一个不同的容器。例如，我希望能够通过从目录工具栏中拖放组件来创建此结构:

<!-- this must be main container, already positioned in page -->
<div class="content">

    <!-- this should appear when I drag'n'drop component from toolbar -->
    <!-- at the same time, it must be container for other components itself -->
    <div class="row">...</div>

    <!-- this also comes from drag'n'dropped component from toolbar -->
    <!-- and also container for other components -->
    <div class="home banner">...</div>

    <!-- any amount of containers -->
    ...
    ...
</div>

通过这种方式，我应该能够动态地创建一些页面结构。是否可以？如果是，我该如何实现？如果不是，如何绕过它，思路是什么？
HippoCMS 的站点对于此类示例非常差，除此站点外没有关于 hippocms 的信息。

Answer 1

我想我知道问题所在:请查看解释配置的文档:

http://www.onehippo.org/library/concepts/hst-configuration-model/containers-configuration.html

此文档页面解释了如何自定义容器呈现的 HTML: http://www.onehippo.org/library/concepts/template-composer/how-to-prevent-additional-html-elements-for-containers.html

我看到的问题:

• 您的模板中缺少 hst:include。例如:

  <hst:include ref="mycontainer" />

• 您已经在 hst:catalog 中创建了 hst:containeritemcomponent 但要成为可编辑的容器还必须在 hst:workspace 中创建.

• 在您的 HST 配置中，您还必须配置对工作区中容器的引用。比如这个例子:

目录是组件的调色板。您在工具栏中看到的组件只能拖放到具有容器 来处理这些组件的模板上。 xtype 定义将处理您拖放的组件(表格等)的容器类型。所以你可以做一些事情，比如堆叠。

您不能将一个容器动态地包含到另一个容器中。