Aem 在富文本触摸ui多字段中添加样式
我试图在AEM 6.2中创建一个多字段触摸ui文本组件。 我通过添加具有以下资源类型的字段来创建它:Aem 在富文本触摸ui多字段中添加样式,aem,aem-6,Aem,Aem 6,我试图在AEM 6.2中创建一个多字段触摸ui文本组件。 我通过添加具有以下资源类型的字段来创建它: <test jcr:primaryType="nt:unstructured" sling:resourceType="cq/gui/components/authoring/dialog/richtext" fieldLabel="Touch Ui Text" name="./test" renderReadOnly="{Boolean}true"/>
<test
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/richtext"
fieldLabel="Touch Ui Text"
name="./test"
renderReadOnly="{Boolean}true"/>
但我必须在我的多字段文本组件中添加样式作为插件,这是我无法做到的。
如何像在经典ui中添加rte插件一样添加插件?
作为multifield的一部分,我需要在富文本编辑器中提供各种样式
谢谢你的帮助 在富文本编辑器中,似乎可以选择使用自定义样式 触摸优化UI不支持以下插件/功能组合: 编辑 形象 源编辑 风格 桌子 谢天谢地,他们又回到了AEM 6.2。我不确定6.1是否也支持 AEM 6.2的文档。我花了很多时间阅读,但我还是设法让样式插件正常工作 以TL的方式;DR I只能说,样式配置遵循与经典UI相同的格式,您还需要注意组件的UI设置,因为它们驱动触摸UI中按钮的可见性 以下是为简洁起见省略的cq:对话框其余部分的示例字段配置:
<text jcr:primaryType="nt:unstructured"
name="./text"
sling:resourceType="cq/gui/components/authoring/dialog/richtext"
useFixedInlineToolbar="true">
<rtePlugins jcr:primaryType="nt:unstructured">
<format jcr:primaryType="nt:unstructured" features="*"/>
<justify jcr:primaryType="nt:unstructured" features="*"/>
<lists jcr:primaryType="nt:unstructured" features="*"/>
<links jcr:primaryType="nt:unstructured" features="*"/>
<styles jcr:primaryType="nt:unstructured" features="styles">
<styles jcr:primaryType="cq:WidgetCollection">
<warning jcr:primaryType="nt:unstructured" cssName="warning" text="Warning"/>
<note jcr:primaryType="nt:unstructured" cssName="note" text="Note"/>
<header jcr:primaryType="nt:unstructured" cssName="header" text="Header"/>
</styles>
</styles>
<paraformat jcr:primaryType="nt:unstructured" features="*">
<formats jcr:primaryType="cq:WidgetCollection">
<paragraph jcr:primaryType="nt:unstructured" description="Paragraph" tag="p"/>
<heading1 jcr:primaryType="nt:unstructured" description="Heading 1" tag="h1"/>
</formats>
</paraformat>
</rtePlugins>
<uiSettings jcr:primaryType="nt:unstructured">
<cui jcr:primaryType="nt:unstructured">
<inline jcr:primaryType="nt:unstructured">
<popovers jcr:primaryType="nt:unstructured">
<justify jcr:primaryType="nt:unstructured" ref="justify"/>
<lists jcr:primaryType="nt:unstructured" ref="lists"/>
<paraformat jcr:primaryType="nt:unstructured" items="paraformat:getFormats:paraformat-pulldown" ref="paraformat"/>
<styles jcr:primaryType="nt:unstructured" items="styles:getStyles:styles-pulldown" ref="styles"/>
</popovers>
</inline>
</cui>
</uiSettings>
</text>
注意text/rtePlugins/styles和text/uiSettings/cui/inline/popovers/styles中的元素
下面是它在页面上的外观:
在富文本编辑器中使用自定义样式的选项似乎已被取消 触摸优化UI不支持以下插件/功能组合: 编辑 形象 源编辑 风格 桌子 谢天谢地,他们又回到了AEM 6.2。我不确定6.1是否也支持 AEM 6.2的文档。我花了很多时间阅读,但我还是设法让样式插件正常工作 以TL的方式;DR I只能说,样式配置遵循与经典UI相同的格式,您还需要注意组件的UI设置,因为它们驱动触摸UI中按钮的可见性 以下是为简洁起见省略的cq:对话框其余部分的示例字段配置:
<text jcr:primaryType="nt:unstructured"
name="./text"
sling:resourceType="cq/gui/components/authoring/dialog/richtext"
useFixedInlineToolbar="true">
<rtePlugins jcr:primaryType="nt:unstructured">
<format jcr:primaryType="nt:unstructured" features="*"/>
<justify jcr:primaryType="nt:unstructured" features="*"/>
<lists jcr:primaryType="nt:unstructured" features="*"/>
<links jcr:primaryType="nt:unstructured" features="*"/>
<styles jcr:primaryType="nt:unstructured" features="styles">
<styles jcr:primaryType="cq:WidgetCollection">
<warning jcr:primaryType="nt:unstructured" cssName="warning" text="Warning"/>
<note jcr:primaryType="nt:unstructured" cssName="note" text="Note"/>
<header jcr:primaryType="nt:unstructured" cssName="header" text="Header"/>
</styles>
</styles>
<paraformat jcr:primaryType="nt:unstructured" features="*">
<formats jcr:primaryType="cq:WidgetCollection">
<paragraph jcr:primaryType="nt:unstructured" description="Paragraph" tag="p"/>
<heading1 jcr:primaryType="nt:unstructured" description="Heading 1" tag="h1"/>
</formats>
</paraformat>
</rtePlugins>
<uiSettings jcr:primaryType="nt:unstructured">
<cui jcr:primaryType="nt:unstructured">
<inline jcr:primaryType="nt:unstructured">
<popovers jcr:primaryType="nt:unstructured">
<justify jcr:primaryType="nt:unstructured" ref="justify"/>
<lists jcr:primaryType="nt:unstructured" ref="lists"/>
<paraformat jcr:primaryType="nt:unstructured" items="paraformat:getFormats:paraformat-pulldown" ref="paraformat"/>
<styles jcr:primaryType="nt:unstructured" items="styles:getStyles:styles-pulldown" ref="styles"/>
</popovers>
</inline>
</cui>
</uiSettings>
</text>
注意text/rtePlugins/styles和text/uiSettings/cui/inline/popovers/styles中的元素
下面是它在页面上的外观:
加上这个
<rtePlugins jcr:primaryType="nt:unstructured">
<styles
jcr:primaryType="nt:unstructured"
features="*">
<styles jcr:primaryType="cq:WidgetCollection">
<style1
jcr:primaryType="nt:unstructured"
cssName="style1"
text="style1"/>
<style2
jcr:primaryType="nt:unstructured"
cssName="style2"
text="style2"/>
<section--title>
</styles>
</styles>
</rtePlugins>
加上这个
<rtePlugins jcr:primaryType="nt:unstructured">
<styles
jcr:primaryType="nt:unstructured"
features="*">
<styles jcr:primaryType="cq:WidgetCollection">
<style1
jcr:primaryType="nt:unstructured"
cssName="style1"
text="style1"/>
<style2
jcr:primaryType="nt:unstructured"
cssName="style2"
text="style2"/>
<section--title>
</styles>
</styles>
</rtePlugins>