AEM - 구성 요소에서 편집 옵션을 볼 수 없습니다.

여기에 HTL 파일 footer.html에 작성한 코드가 있습니다. 여기에서 편집 가능한 템플릿을 사용하고 있습니다. AEM - 구성 요소에서 편집 옵션을 볼 수 없습니다.

<div class="6u"> 
          <div class="row collapse-at-2"> 
          <sly data-sly-test="${footer.arr}"> 
           <sly data-sly-repeat="${footer.arr}"> 
           <sly data-sly-resource="${'column${itemList.index}' @resourceType='aem-site/components/structure/footer/footerList'}"></sly> 
           </sly> 
          </sly> 
          </div> 
         </div>

과 footerList.html 파일

는이 코드 조각 (지금을 위해 하드 코딩되어 있지만 최종 코드가 아니다)

<div class="6u"> 
    <h3>Accumsan</h3> 
    <ul class="alt"> 
     <li><a href="#">Nascetur nunc varius</a></li> 
     <li><a href="#">Vis faucibus sed tempor</a></li> 
     <li><a href="#">Massa amet lobortis vel</a></li> 
     <li><a href="#">Nascetur nunc varius</a></li> 
    </ul> 
</div>

I 구성 요소를 편집 할 몇 가지 이상한 문제에 직면 한이 있습니다. 이 구성 요소가 페이지처럼 보이는 방법입니다

나는 두 개의 구성 요소가 footer.html를에서 $ {footer.arr}의 값 때문에 하나의 열을 각각 포함하는 것으로 표시 할 footerList 구성 요소를 기다리고 있었다

하지만 2 열을 포함하는 하나의 구성 요소 인 것처럼 보입니다. 구성 요소가

CRXDE

에 보이는 방법이다

내가 직면하고 또 다른 문제는 아래의 그림과 같이 I가 구성 요소를 편집하기위한 옵션을 받고 있지 않다이다

추가 정보가 필요하면 알려주십시오.

출처

2017-10-05 user972418

footerList 구성 요소는 편집 할 수 있도록 컨테이너 구성 요소를 통해 포함되어야합니다. 최상위 컨테이너 (이 경우 반응 형 그리드)에 직접 포함하거나 footer 구성 요소를 컨테이너로 만들 수 있습니다 (Core Components Form Container 참조)

출처

2017-10-06 06:41:51 Vlad

따라서 컨테이너를 포함해야한다는 의미입니까? footerList 구성 요소 대신에 코드에서 footerList 구성 요소를 컨테이너에 끌어다 놓으십시오. – user972418

귀하의 필요에 따라 다릅니다. 완전히 편집 가능한 컨테이너를 보유하거나 컨테이너에 미리 정의 된 컨텐츠를 보유 할 수 있습니다. – Vlad

여기서 달성하고자하는 것은 푸터 구성 요소 대화 상자에서 무엇을 선택했는지에 따라 여러 번 (1-5) 구성 요소 인 footerList를 포함하는 것입니다. 어떻게 이것을 구현하는 더 좋은 방법이라고 제안합니까? – user972418

AEM - 구성 요소에서 편집 옵션을 볼 수 없습니다.

답변

관련 문제