Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

AEM 6.3.1.2 Touch UI OOTB RTE enable specialchars gives js errors

akashdeepAEM
Level 3
Level 3

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

1 Accepted Solution
akashdeepAEM
Correct answer by
Level 3
Level 3

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.

View solution in original post

4 Replies
vipins5188
Level 3
Level 3

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.

RTEspecial.JPG

GaneshM
Level 3
Level 3

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
Correct answer by
Level 3
Level 3

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.

View solution in original post