从Sightly(AEM6)在parsys上设置emptyText

时间:2014-07-30 12:43:26

标签: cq5 aem sightly

在Sightly / AEM6中,当包含一个parsys组件时,如何设置“Drag Components Here”(cq:emptyText)以使用本地化字符串?我有几个parsys组件作为自定义组件的子组件,并且每个组件都需要不同的文本(例如,在此处拖动图像组件,在此处拖动链接组件)。

3 个答案:

答案 0 :(得分:2)

不幸的是,在/libs/cq/gui/components/authoring/clientlibs/editor/js/model/Inspectable.js

中使用特定的I18n字符串似乎很难编码

但是,我能够覆盖parsys控件并将newpar的CSS类从new section更改为cq-placeholder section,然后在同一个html元素上包含data-emptytext="Custom text"

答案 1 :(得分:1)

在CQ5.6中,我们可以做到以下几点,也许它适用于AEM 6:

  • 从/ libs / foundation / components / parsys
  • 继承您的组件
  • 添加名称为' new'的节点在你的组件节点下,sling:resourceType是foundation / components / parsys / new或只是复制/ libs / foundation / components / parsys / new
  • 将cq:emptyText属性添加到此节点,该文本显示在框中。

答案 2 :(得分:0)

请参阅以下代码:

<div id="myTabContent" class="tab-content" data-sly-list="${properties.titles}"> 
    <div data-sly-test.resourcePath1="${'{0}{1}' @ format=['tab',itemList.index]}" class="${itemList.index != 0 && wcmmode.isPreview ? 'tab-pane fade' : 'tab-pane fade in active'}" id="${item}">

        <div data-sly-resource="${ resourcePath1 @ resourceType='wcm/foundation/components/parsys/newpar'}" class="cq-placeholder section" data-emptytext="${item}'s content"></div>

</div>