AEM 6.3.1.2 Touch UI OOTB RTE enable specialchars gives js errors

[akashdeepAEM]

Hi,

I am getting js errors when enabling special chars in Touch UI RTE, getting same results using the package from helpx below

Configuring Experience Manager Rich Text Editor Plugins in a Touch UI Component Dialog
Looks like there needs to be popovers config for specialchars which is required under ui settings and is missing hence the error.

Below are the js errors
1) /libs/clientlibs/granite/richtext/js/rte/ui/dialogs/AbstractBaseDialog.js
this._command = config.parameters.command;  // the config param doesnt seem to have the commands commented this line to proceed
2) /libs/clientlibs/granite/richtext/js/rte/ui/PopoverManager.js

//$trigger. is undefined so specified some static values for below in the js now shows up the special char pop up and it works.

triggerOffs = $trigger.offset();

triggerCenter = ($trigger.width() / 2);
target: $trigger[0]

Do we know sample popovers config for special chars, or if this bug is fixed with some later releases.

currently using AEM6.3 with SP1 and CF

Thanks

[vipins5188]

Hi Akashdeep,

It is working fine with 6.4 , we have this tested the same and implemented

Please make sure you have proper structured created for misctools.

[smacdonald2008]

It working fine for me on 6.3 - see:

[GaneshM]

Hi,

Here is sample UI settings xml,

<?xml version="1.0" encoding="UTF-8"?>

<jcr:root xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"

    jcr:primaryType="nt:unstructured">

    <cui jcr:primaryType="nt:unstructured">      

        <dialogFullScreen

            jcr:primaryType="nt:unstructured"

            toolbar="[format#bold,format#italic,#justify,#lists,links#modifylink,links#unlink,links#anchor,#paraformat,edit#cut,edit#copy,edit#paste-default,edit#paste-wordhtml,edit#paste-plaintext,spellcheck#checktext,subsuperscript#subscript,subsuperscript#superscript,undo#undo,undo#redo,findreplace#find,findreplace#replace,misctools#specialchars,#CUSTOMstyles,table#createoredit]">

            <popovers jcr:primaryType="nt:unstructured">

                <CUSTOMstyles

                    jcr:primaryType="nt:unstructured"

                    items="CUSTOMstyles:getStyles:CUSTOMstyles-pulldown"

                    ref="CUSTOMstyles"/>

            </popovers>

        </dialogFullScreen>

    </cui>

</jcr:root>

I haven't define any popovers for special charas, OOTB should be work fine but Please make sure  your plug-in name and name in the popovers should be identical.

Thanks!

[akashdeepAEM · Accepted solution]

Thank you friends,

I tried on a vanila instance and it did work for me, could be something to do with my project package.
As a temporary fix may be we just need to overlay to specify command as below :
/clientlibs/granite/richtext/js/rte/ui/dialogs/AbstractBaseDialog.js

attach: function (config, $container, editorKernel, enforceCreation) {    

        if(config.parameters != undefined && config.parameters !=null){

            this._command = config.parameters.command;

        }else{

            this._command = "misctools#specialchars";

       }

this worked for me with my project package.

Thank you.