AEM 6.2 Touch UI Rich Text Editor Inline Dialog; Coral UI, RTE, CQ5, CUI, RichText

README.md

Example config for RTE within a Dialog

• rtePlugins enables the CUI registry (cq/ui/rte/core/plugins/PluginRegistry.js)
  • Some plugins are enabled be default, so there's instances online where this section is omitted. You'll need this configuration if you want anything that isn't default. I left some other plugin configurations here that aren't in use.
• uiSettings is a configuration used by CUI
  • Some online resources will note other cui children. inline is the configuration plugin for the inline toolbar mode. fullscreen is the configuration plugin for the full screen toolbar mode. If a plugin isn't enabled, some settings here won't activate.
• Fixed inline mode won't work for 6.0 or 6.1. You'll need 6.2. In 6.3+, this may not work due to CUI2 being introduced. CUI2 may simplify some setup.

_cq_dialog|.content.xml

<?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="nt:unstructured">
    <content jcr:primaryType="nt:unstructured">
        <items jcr:primaryType="nt:unstructured">
            <tabs jcr:primaryType="nt:unstructured">
                <items
                    jcr:primaryType="nt:unstructured">
                    <dialog-poc
                        jcr:primaryType="nt:unstructured"
                        jcr:title="Dialog POC"
                        sling:orderBefore="basic"
                        sling:resourceType="granite/ui/components/foundation/section">
                        <layout
                            jcr:primaryType="nt:unstructured"
                            sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"
                            margin="{Boolean}false"/>
                        <items jcr:primaryType="nt:unstructured">
                            <column
                                jcr:primaryType="nt:unstructured"
                                sling:resourceType="granite/ui/components/foundation/container">
                                <items jcr:primaryType="nt:unstructured">
                                    <text
                                        jcr:primaryType="nt:unstructured"
                                        sling:resourceType="/libs/cq/gui/components/authoring/dialog/richtext"
                                        fieldLabel="Rich Text Editor Example"
                                        name="./text"
                                        useFixedInlineToolbar="{Boolean}true">
                                        <rtePlugins jcr:primaryType="nt:unstructured">
                                            <format
                                                jcr:primaryType="nt:unstructured"
                                                features="*"/>
                                            <justify
                                                jcr:primaryType="nt:unstructured"
                                                features="*"/>
                                            <lists
                                                jcr:primaryType="nt:unstructured"
                                                features="*"/>
                                            <paraformat
                                                jcr:primaryType="nt:unstructured"
                                                features="*"/>
                                            <links
                                                jcr:primaryType="nt:unstructured"
                                                features="*"/>
                                            <table
                                                jcr:primaryType="nt:unstructured"
                                                features="*" />
                                            <subsuperscript
                                                jcr:primaryType="nt:unstructured"
                                                features="*"/>
                                            <misctools
                                                jcr:primaryType="nt:unstructured"
                                                features="*"/>
                                        </rtePlugins>
                                        <uiSettings jcr:primaryType="nt:unstructured">
                                            <cui jcr:primaryType="nt:unstructured">
                                                <inline
                                                    jcr:primaryType="nt:unstructured"
                                                    toolbar="[table#createoredit,links#modifylink,links#unlink,format#bold,format#italic,justify#justifyleft,justify#justifycenter,justify#justifyright,lists#unordered,lists#ordered,lists#outdent,lists#indent,fullscreen#start,control#close,control#save]"/>
                                            </cui>
                                        </uiSettings>
                                    </text>
                                </items>
                            </column>
                        </items>
                    </dialog-poc>
                </items>
            </tabs>
        </items>
    </content>
</jcr:root>