AEM 6.3.1.2 Touch UI OOTB RTE enable specialchars gives js errors | Community
Skip to main content
A
akashdeepAEM
Level 3
November 26, 2018
Solved

AEM 6.3.1.2 Touch UI OOTB RTE enable specialchars gives js errors

  • November 26, 2018
  • 4 replies
  • 2276 views

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

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by akashdeepAEM

    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.

    4 replies

    vipins5188
    vipins5188
    Level 3
    November 26, 2018

    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
    smacdonald2008
    Level 10
    November 26, 2018

    It working fine for me on 6.3 - see:

    GaneshM
    GaneshM
    Level 3
    November 26, 2018

    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!

      A
      akashdeepAEMAuthorAccepted solution
      Level 3
      November 27, 2018

      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.

        Terms & ConditionsAccessibility statement

        Loading footer...