在撇号 CMS 中使用多个嵌套模块

debugcn 发表于 Dev

拉斐尔

我正在创建一组带有撇号-cms（2.x）的模块（小部件）。现在我想创建不同的嵌套小部件，以使用一些模块，例如在 2 列布局中。我遵循了嵌套小部件的教程https://apostrophecms.org/docs/tutorials/getting-started/layout-widgets.html并创建了一个简单的两列布局：

module.exports = {
  extend: 'apostrophe-widgets',
  label: 'Two Column Layout',
  contextualOnly: true,
  addFields: [{
      name: 'columnLeft',
      type: 'area',
      label: 'Left Area',
    },
    {
      name: 'columnRight',
      type: 'area',
      label: 'Right Area',
    }
  ]
};

这在某种程度上是有效的。我可以在这两个区域内添加其他小部件，并且 html 会正确构建。当我在两列布局下方使用其他小部件时，问题就出现了。看一下 Inspector，我看到下面的所有小部件都构建在两列 apos-area-widget-wrapper 中。当我只想删除两列小部件时，我也删除了下面的所有模块。（见图片链接）

Chrome Inspector，两列小部件内小部件的错误嵌套

我是否遗漏了某些东西，或者嵌套布局是否以某种方式错过了它的结束标记，因此所有内容都被拉入其中？

（更新）：试图缩小问题的范围：我可以在下面添加新的（非仅布局）模块，它们看起来是正确的。一旦我尝试添加另一个布局小部件，我就无法对它做任何事情，因为它不保存任何信息。

（更新）：用于演示的 GitHub 项目：https : //github.com/raphaelurban/apostrophe-test

斯图尔特·罗曼尼克

我没有完全理解您的行为，但确实模板accordion-widgets没有正确关闭它的标记。泄漏可能会以不同的方式影响不同的浏览器，在 Chrome 中我得到了一些损坏的堆栈。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。