Adobe 无法删除可编辑模板AEM中的组件

我一直在按照我在这里链接的教程创建自定义布局组件，但我注意到从可编辑模板中删除此组件是不可能的。如何解决问题？

仅供参考，此页面未使用可编辑模板

• 当一个页面在sling:resourceType中有这样一个相对路径：“grid aem/components/structure/page”时，它使用的是静态模板
• 可编辑模板在/conf文件夹下创建
• 在静态模板和可编辑模板之间

示例中提供的静态模板仅包括

/apps/grid aem/components/structure/page/partials/main.html

中的1个parsys组件

因此，可以使用delete（删除）按钮在页面上轻松删除parsys中添加的组件：

如果要删除colcontrol组件中的parsys，这是一个自定义colcontrol，其逻辑用于更改列数。您需要编写具有所需列数的组件。例如，选择3列显示3个部分：

选择同一组件上的两列将显示如下两个部分：

希望这对你有帮助

TLDR；

• 将内容添加到您尝试删除的组件中的parsys（假设它有一个parsys或区域可将组件拖动到其中）
• 刷新页面
• 删除结构构件

长期修复 对于更长期的修复，请让相关组件使用cq:template节点生成缺少的内容

到底发生了什么 这有点不可靠，但我会尽力解释

如果使用@resourceType选项通过数据资源引用结构组件中的内容，则不能删除结构组件

我刚刚用这一个打了个响铃。我有一个非常简单的结构组件：

收听

inspectable added

事件，并使用

Javascript

添加

子节点

： 步骤1：创建一个

ClientLibraryFolder

并添加

cq.authoring.dialog。所有
类别：

步骤2：编写
Javascript
以侦听
可检查添加的
事件。
回调函数
应将
子节点
添加到
可编辑模板
，该模板是组件具备编辑、删除、移动、复制等所有功能所需的。
就这样！现在，当您添加具有嵌套组件的组件时，例如
自定义布局容器
或
parsys
或
组件内部的自定义组件
；它应该具有所有的功能

祝你好运

(function($document, $) {
  $document.on('cq-inspectable-added', cb_inspectableAdded);
  function cb_inspectableAdded(evt) {
    try {
        var inspectable = evt.inspectable;
        var ajaxConfig = {
            url: evt.inspectable.path,
            data: {
                'sling:resourceType': inspectable.type
            },
            async: false    
        };

        if(inspectable.type.indexOf('myApp/components') > -1) $.post(ajaxConfig); //  replace myApp/components with your partial-path
    } catch(e) {
        console.error(e);
    }   
  }
}($(document), jQuery));