用户界面-如何在adobecq(aem6)touchUI中实现/配置富文本编辑器

Question

对话框转换工具没有正确转换它。当谈到RTE触摸UI时，我听到了一些类似"在线编辑"的说法。请帮忙。：）

Answer 1

对于这个特定的组件，您可以为触摸UI制作cq:对话框，为经典UI制作对话框还有另一个节点cq:editConfig在其下创建一个名为cq:inplaceEditing的节点，该节点具有以下属性：configPath字符串-..//dialog/items/items/tab1/items/richTextItem（这是经典UI RTI的路径）

Answer 2

正如Shine所提到的，该过程似乎是在dialog.xml中为ClassicUI启用插件，并向_cq_editConfig 添加configPath

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" 
xmlns:nt="http://www.jcp.org/jcr/nt/1.0" xmlns:xi="http://www.w3.org/2001/XInclude"
jcr:primaryType="cq:Dialog"
helpPath="en/cq/current/wcm/default_components.html#Text"
title="Text" xtype="tabpanel" 
height="{Long}450" 
width="{Long}700">
<!-- <tabpabel jcr:primaryType="cq:Widget" xtype="tabpanel"> -->
<items jcr:primaryType="cq:WidgetCollection">
    <tab1 jcr:primaryType="cq:Widget" anchor="100%" title="Text" xtype="panel">
        <items jcr:primaryType="cq:WidgetCollection">
            <text jcr:primaryType="cq:Widget"
                hideLabel="{Boolean}true"
                name="./text"
                xtype="richtext">
                <rtePlugins jcr:primaryType="nt:unstructured">
                <links jcr:primaryType="nt:unstructured">
                    <linkDialogConfig
                        jcr:primaryType="nt:unstructured"
                        height="{Long}316">
                        <linkAttributes jcr:primaryType="cq:WidgetCollection">
                            <linkAdvanced
                                jcr:primaryType="cq:Widget"
                                collapsed="{Boolean}true"
                                collapsible="{Boolean}true"
                                inputValue="advanced"
                                name="./linkdialog/cq:adhocLinkTrackingTab"
                                title="Link tracking"
                                xtype="dialogfieldset">
                                <items jcr:primaryType="cq:WidgetCollection">
                                    <enable
                                        jcr:primaryType="nt:unstructured"
                                        attribute="enabletracking"
                                        fieldDescription="override analytics framework settings"
                                        fieldLabel="Custom link tracking"
                                        name="./linkdialog/cq:adhocLinkTrackingEnableTracking"
                                        xtype="checkbox">
                                        <listeners
                                            jcr:primaryType="nt:unstructured"
                                            check="function(component){var dlg=component.findParentByType('rtelinkdialog');dlg.enableSCFields(component.checked);}"/>
                                    </enable>
                                    <events
                                        jcr:primaryType="nt:unstructured"
                                        attribute="adhocevents"
                                        fieldDescription="e.g.: event2, event7"
                                        fieldLabel="Include SiteCatalyst events"
                                        name="./linkdialog/cq:adhocLinkTrackingEvents"
                                        xtype="textfield"/>
                                    <evars
                                        jcr:primaryType="nt:unstructured"
                                        attribute="adhocevars"
                                        fieldDescription="e.g.: eVar1: pagedata.url, prop4: 'const'"
                                        fieldLabel="Include SiteCatalyst variables"
                                        name="./linkdialog/cq:adhocLinkTrackingEvars"
                                        xtype="textfield"/>
                                </items>
                            </linkAdvanced>
                        </linkAttributes>
                    </linkDialogConfig>
                </links>
                <edit jcr:primaryType="nt:unstructured" features="*" defaultPasteMode="plaintext"/>
                <spellcheck jcr:primaryType="nt:unstructured" features="*" />
                <image jcr:primaryType="nt:unstructured" features="*" />
                <paraformat jcr:primaryType="nt:unstructured" features="*">
                    <formats jcr:primaryType="cq:WidgetCollection">                
                         <p jcr:primaryType="nt:unstructured"
                             tag="p"
                             description="paragraph"/>
                         <h2 jcr:primaryType="nt:unstructured"
                             tag="h2"
                             description="Heading h2"/>  
                         <h3 jcr:primaryType="nt:unstructured"
                             tag="h3"
                             description="Sub-heading h3"/>  
                         <h4 jcr:primaryType="nt:unstructured"
                             tag="h4"
                             description="Sub-heading h4"/>  
                         <h5 jcr:primaryType="nt:unstructured"
                             tag="h5"
                             description="Sub-heading h5"/>  
                         <h6 jcr:primaryType="nt:unstructured"
                             tag="h6"
                             description="Sub-heading h6"/>  
                        </formats> 
                </paraformat>
            </rtePlugins>
            </text>
            <isRichTextFlag
                jcr:primaryType="cq:Widget"
                ignoreData="{Boolean}true"
                name="./textIsRich"
                value="true"
                xtype="hidden"/>
        </items>
    </tab1>

然后使用文本配置节点的configPath创建_cq_editConfig.xml。对我来说，我使用了绝对路径。IDK为什么制作相对（如Shine所建议的）不起的作用

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" 
xmlns:cq="http://www.day.com/jcr/cq/1.0" 
xmlns:jcr="http://www.jcp.org/jcr/1.0"
xmlns:nt="http://www.jcp.org/jcr/nt/1.0" 
jcr:primaryType="cq:EditConfig" >
    <cq:inplaceEditing jcr:primaryType="cq:InplaceEditingConfig" 
editorType="text" active="true" 
    configPath="/apps/your-site/wcm/foundation/components/test/dialog/items/tab1/items/text"/>      

虽然这可能会被使用，但我发现一些插件不起作用，比如image。其他可以，比如parapgraph和edit（粘贴选项）。。。更多http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__c4qo-hi_team_i_havec.html