We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 26027
    • 145 Posts
    Donshakespeare, I'm so desperate to learn just two tricks of your trade which are probably obvious to the entire ModX world, except me.

    I have two ModX sites in my care which were setup recently by a ModX developer. The one site is set up to use the "charcoal" skin which improves the appearance of the toolbar and the link list very dramatically. I knew just enough to try to modify the TinyMCEWrapper plugin. I changed 'fileManagerTopNavModalSkin' from 'modxPericles' to 'charcoal' and that did nothing for me. Clearly there must be a different place where this is specified. (BTW I do have the charcoal skin in the appropriate 'components' subdirectory.) Please sir, can you give me the key to your kingdom and show me how to configure the charcoal skin? (BTW, where are your other skins stored should I want to try a different one in the future?)

    Also while I have your attention where is linklist enabled and configured? For now I would like to change the specification of the font size and interline spacing of the lengthy list.

    I'll be your BFF if you can help me out here Don-S.

    Thanks .... Sam Gerber (samg)

    By the way, I'm using Revolution 2.51 and a current TinyMCE.
      • 42562
      • 1,145 Posts
      RE: samg

      SKIN_URL https://www.tinymce.com/docs/configure/editor-appearance/#skin_url
      SKIN CREATOR http://skin.tinymce.com/ .... https://www.tinymce.com/docs/advanced/creating-a-skin/

      Set skin_url to blank to use TinyMCE's default
      TinymceWrapper skins locations at http://example.com/assets/components/tinymcewrapper/tinymceskins

      CHANGING SKIN MODX
      Good, you changed fileManagerTopNavModalSkin

      In your tree, find this chunk: TinymceWrapper > TinyMCE > Backend > TinymceWrapperCommonCode
      Change skin_url: MODx.config.assets_url+'components/tinymcewrapper/tinymceskins/modxPericles',
      ...

      CHANGING LINK_LIST
      ....
      Next line in same chunk you will find this call [[$TinymceWrapperLinkList]]

      TinymceWrapperLinkList chunk content
      [[-remove the pdoMenu dash prefix if you have pdoMenu installed]]
      [[-pdoMenu?
        &context=`web`
        &parents=`39,5,9`
        &level=`100`
        &limit=`1000`
        &showHidden =`1`
        &showUnpublished =`1`
        &tplOuter=`@INLINE [[+wrapper]]`
        &tpl=`@INLINE {title: "[[+menutitle]]", value: "\[\[~[[+id]]\]\]"},`
        &tplParentRow=`@INLINE {title: "[[+menutitle]]", value: "\[\[~[[+id]]\]\]", menu:[ [[+wrapper]] ]},`
        &sortby=`menuindex`
        &sortdir=`ASC`
        &checkPermissions=`load,list,view`
      ]]
      Change &limit=`1000` to a smaller number

      See getResources version
      https://forums.modx.com/thread/97694/support-comments-for-tinymcewrapper?page=29#dis-post-544434

      This is how you manually populate the link_list without MODX' help
      https://www.tinymce.com/docs/plugins/link/#link_list

      Cheers
        TinymceWrapper: Complete back/frontend content solution.
        Harden your MODX site by passwording your three main folders: core, manager, connectors and renaming your assets (thank me later!)
        5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.
        • 26027
        • 145 Posts
        Quote from: donshakespeare at Nov 01, 2016, 02:43 PM
        RE: samg

        SKIN_URL https://www.tinymce.com/docs/configure/editor-appearance/#skin_url
        SKIN CREATOR http://skin.tinymce.com/ .... https://www.tinymce.com/docs/advanced/creating-a-skin/

        Set skin_url to blank to use TinyMCE's default
        TinymceWrapper skins locations at http://example.com/assets/components/tinymcewrapper/tinymceskins

        CHANGING SKIN MODX
        Good, you changed fileManagerTopNavModalSkin

        In your tree, find this chunk: TinymceWrapper > TinyMCE > Backend > TinymceWrapperCommonCode
        Change skin_url: MODx.config.assets_url+'components/tinymcewrapper/tinymceskins/modxPericles',
        ...

        CHANGING LINK_LIST
        ....
        Next line in same chunk you will find this call [[$TinymceWrapperLinkList]]

        TinymceWrapperLinkList chunk content
        [[-remove the pdoMenu dash prefix if you have pdoMenu installed]]
        [[-pdoMenu?
          &context=`web`
          &parents=`39,5,9`
          &level=`100`
          &limit=`1000`
          &showHidden =`1`
          &showUnpublished =`1`
          &tplOuter=`@INLINE [[+wrapper]]`
          &tpl=`@INLINE {title: "[[+menutitle]]", value: "\[\[~[[+id]]\]\]"},`
          &tplParentRow=`@INLINE {title: "[[+menutitle]]", value: "\[\[~[[+id]]\]\]", menu:[ [[+wrapper]] ]},`
          &sortby=`menuindex`
          &sortdir=`ASC`
          &checkPermissions=`load,list,view`
        ]]
        Change &limit=`1000` to a smaller number

        See getResources version
        https://forums.modx.com/thread/97694/support-comments-for-tinymcewrapper?page=29#dis-post-544434

        This is how you manually populate the link_list without MODX' help
        https://www.tinymce.com/docs/plugins/link/#link_list

        Cheers

        Sorry, Don-S but I'm pretty lost.

        1. I had changed fileManagerTopNavModalSkin back to 'modxPericles' and yet when I did this:
        Change [i]skin_url: MODx.config.assets_url+'components/tinymcewrapper/tinymceskins/modxPericles',[/i]

        it worked anyhow. Why wasn't the change to the plug-in required?

        2. Regarding Link List I still don't know how to enable it. Isn't there a spec somewhere that says Linklist = Yes or some such thing?

        3. Again, regarding Link List, my TinymceWrapperCommonCode is nothing at all like yours above. mine is:

        skin_url: MODx.config.assets_url+'components/tinymcewrapper/tinymceskins/charcoal',
        link_list:[
        [[$TinymceWrapperLinkList]]
        ],
        relative_urls: false,
        remove_script_host: false,
        document_base_url: MODx.config.site_url,
        link_class_list: [
          {title: 'None', value: ''},
          {title: 'prettyLink', value: 'prettyLink'},
          {title: 'colorBox', value: 'colorBox'}
        ],
        image_class_list: [
          {title: 'None', value: ''},
          {title: 'prettyPhoto', value: 'prettyPhoto'},
          {title: 'colorBox', value: 'colorBox'}
        ],
        image_caption: true,
        browser_spellcheck: true,
        gecko_spellcheck: true,
        paste_data_images: false,
        menubar: false,
        statusbar: false,
        image_advtab: true,
        setup: function(editor) {
          editor.on('keydown', function(evt) { 
            if (evt.keyCode == 83 && evt.ctrlKey && !evt.shiftKey && !evt.altKey && !evt.metaKey) {//ctrl + s = save 
              evt.preventDefault();
              $('#modx-abtn-save button').trigger("click");
            }
            if (evt.keyCode == 27) { //escape key = remove fullscreen 
              evt.preventDefault();
              if ($('.mce-fullscreen').length) {
                tinymce.activeEditor.execCommand("mceFullscreen")
              }
            }
          });
          editor.on("init",function() { //float fullscreen link
          containerId = $(editor.getContainer()).attr("id");
           $("#"+containerId+" .mce-i-fullscreen").parent().parent().parent().parent().css("float","right");
          });
        },
        external_plugins:{
          twAceEditor: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/twAceEditor.js",
          // twCodeMirror: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/twCodeMirror.js",
          // bubbleBar: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/tinymceBubbleBar.js",
          // twExoticMarkdownEditor: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/twExoticMarkdownEditor.js",
          modxMagicHoverLink: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/modxMagicHoverLink.js",
          twPreCodeManager: "[[++assets_url]]components/tinymcewrapper/tinymceplugins/twPreCodeManager.js"
        },
        file_browser_callback : autoFileBrowser,
        //leave trailing comma


        4. Where do I go to change the configuration of the link list such as the font size and interline spacing?

        Sorry ... Sam
          • 42562
          • 1,145 Posts
          3. Again, regarding Link List, my TinymceWrapperCommonCode is nothing at all like yours above. mine is:

          (A) TinymceWrapperCommonCode Chunk (the exact same as yours)
          skin_url: MODx.config.assets_url+'components/tinymcewrapper/tinymceskins/charcoal',
          link_list:[
           [[$TinymceWrapperLinkList]] // <<<<------GO FIND THIS CHUNK (TinymceWrapperLinkList)
          ],
          ...


          (B) TinymceWrapperLinkList Chunk
          [[-remove the pdoMenu dash prefix if you have pdoTools MODX Extra installed]]
          [[-pdoMenu?
            &context=`web`
            &parents=`39,5,9` 
            &level=`100`
            &limit=`1000` //Change to &limit=`3` or to other smaller number
            &showHidden =`1`
            &showUnpublished =`1`
            &tplOuter=`@INLINE [[+wrapper]]`
            &tpl=`@INLINE {title: "[[+menutitle]]", value: "\[\[~[[+id]]\]\]"},`
            &tplParentRow=`@INLINE {title: "[[+menutitle]]", value: "\[\[~[[+id]]\]\]", menu:[ [[+wrapper]] ]},`
            &sortby=`menuindex`
            &sortdir=`ASC`
            &checkPermissions=`load,list,view`
          ]]


          4. Where do I go to change the configuration of the link list such as the font size and interline spacing?
          This is simple CSS. I can't help you with that now, no time!
          Use your browser to inspect the said elements and see where the CSS style is coming from your charcoal skin.
            TinymceWrapper: Complete back/frontend content solution.
            Harden your MODX site by passwording your three main folders: core, manager, connectors and renaming your assets (thank me later!)
            5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.
            • 52970
            • 1 Posts
            Hey, everyone, i had a problem using markdown in TinymceWrapper, and here is a solution from donshakespeare:
            Transform RTE to MDE
            Hope it will be useful! Cheers
              • 42562
              • 1,145 Posts
              Here is tut image on how to transform your RTE to MDE
              Note: you can achieve a more powerful solution with TinymceWrapperAce



                TinymceWrapper: Complete back/frontend content solution.
                Harden your MODX site by passwording your three main folders: core, manager, connectors and renaming your assets (thank me later!)
                5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.
                • 42562
                • 1,145 Posts
                ANNOUNCEMENT

                Structures 3.0, TinymceWrapper's big brother, has just been released
                Seriously! Reinvent the way you handle content in MODX

                Get it while it is sizzling hot
                https://modx.com/extras/package/structures

                See some exciting images
                https://forums.modx.com/thread/100687/support-comments-for-structures#dis-post-546275

                See the vast changelog
                https://forums.modx.com/thread/100687/support-comments-for-structures#dis-post-546273

                Cheers.
                  TinymceWrapper: Complete back/frontend content solution.
                  Harden your MODX site by passwording your three main folders: core, manager, connectors and renaming your assets (thank me later!)
                  5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.
                  • 36582
                  • 463 Posts
                  How do I choose / switch the elfinder version?

                  Getting reports of a problem in Windows Chrome "Invalid data response json"

                  Thank you
                    Web site design in Nottingham UK by Chris Fickling http://www.chrisficklingdesign.co.uk
                    • 42562
                    • 1,145 Posts
                    RE: chrisandy

                    Thanks for the feedback.

                    These reports are only in Windows Chrome?

                    "Invalid data response json"
                    This usually means that elFinder has not detected the right credentials from the user

                    OR

                    the filepath supplied in your elFinder snippet properties is rather invalid

                    How do I choose / switch the elfinder version?
                    You will have to grab version of choice from the official elFinder Github.
                    Then replace contents in your tinymcewrapper/elinder

                    Provide more info, and show your settings; so that you'd sooner find precise help.
                      TinymceWrapper: Complete back/frontend content solution.
                      Harden your MODX site by passwording your three main folders: core, manager, connectors and renaming your assets (thank me later!)
                      5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.
                      • 42562
                      • 1,145 Posts
                      ANNOUNCEMENT

                      Structures 3.1.0-beta1
                      https://modx.com/extras/package/structures

                      Very very exciting features
                      https://github.com/donShakespeare/Structures/blob/master/core/components/structures/docs/changelog.txt

                      Taking content editing / building to greater heights
                        TinymceWrapper: Complete back/frontend content solution.
                        Harden your MODX site by passwording your three main folders: core, manager, connectors and renaming your assets (thank me later!)
                        5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.