Support » Plugin: Enlighter - Customizable Syntax Highlighter » Remove branding on toolbar?

  • Resolved w3215

    (@w3215)


    Awesome plugin–I have really enjoyed using it. I have added enlighter to front-end editing so users can post to the site with code samples as well. Right now, enlighter adds 2 buttons to the tinyMCE visual toolbar:
    1) a button that, if you hover over it, says “Enlighter Code Insert”, and
    2) a button that, if you hover over it, says “Enlighter Code Settings”.

    It doesn’t seem to add any buttons to the “text” part of the toolbar.

    Having the phrase “Enlighter” in there can be confusing for my users. Is there a way to remove the word “Enlighter” from the buttons. For instance, so the first button would say “Code Insert” when you hover over it?

    Same question for when you press the button and want to enter your code. The box has the title: “Enlighter Code Insert”. Is it possible to remove that as well?

    Thanks.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author Andi Dittrich

    (@andi-dittrich)

    Hi w3215,

    basically this is not possible without changing the source code of the EnlighterJS.TinyMCE Plugin as well as the WordPress Plugin….the text-phrases are hard-coded because there was no necessity to make it optional.

    generally i won’t like to change it because the “intermediate” WordPress user wants to known which button/ui-elemente belongs to a plugin – this is primary done for transparency.

    if you like i could an option to apply “custom button names/titles” – this will change to buttons hover text but not the insert window title – would this be an option for you ?

    best regards, Andi

    Thanks for your reply. Understood for the wordpress user it is helpful to know what plugins are used. For the non-wordpress user (especially for non-technical user) the branding can cause confusion. Changing the text on hover would certainly be helpful.

    If it is not possible to change the text on insert window, I wonder if its possible for me to download the source code from github, make the change, and reupload to my site? On quick look, I am not finding the file where the “Enlighter Code Insert” is printed.

    I also think I can add some css to address the title in the insert window. If there is an option to change the text on hover, like you said, that would be great.

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    you can do this but on every “official” plugin upgrade it will “break” your site – therefore i won’t recommend this solution.

    generally the “Enlighter” Plugin consists of 3 different projects:
    – EnlighterJS Syntax Highlighter (js based highlighting engine)
    – EnlighterJS.TinyMCE Extension (visual editing tools)
    – WordPress Plugin (putting it all togehter + wp specific options + theme customizer)

    to change the window title, you have to modify the views and rebuild the code: https://github.com/AndiDittrich/EnlighterJS.TinyMCE/tree/master/src/views

    Got it. I think css gets me there for the insert box. Not able to do css yet to change the button hover text–so if there are options there it would be awesome.

    Follow-up: in looking at the files you referenced, those seem to be concerning the hover text.

    The one piece I don’t know how to change is the “live preview” box that appears in a post, labeled now as “Enlighter: [Code type”. This seems to be contained within an iframe.

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    it’s just some css within the editor pane pre.EnlighterJSRAW:before

    I mean the box that appears after you have entered code, while you are still editing a post. The box surrounds the code and has the title: “Enlighter: [code type]". Seems to be in an iframe. Is there a way to hide the title?

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    the code in the editor pane ist just a pre container with the class EnlighterJSRAW. the “text” is injected via the css pseudo selector :before

    and its not an iframe – the TinyMCE editor pane itself is an iframe but not the content within

    Is there a way to change it with custom css, like via the customizer, then?

    Maybe the issue is that the content block is all in the iframe, as the following custom css is not working:

    pre .EnlighterJSRAW:before{
    display:none !important;
    }

    .EnlighterJSRAW {
    display:none !important;
    }

    Thanks for your help.

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    Hi w3215,

    i’ve added some features to the latest beta version (3.7) which should fulfill your request. see https://github.com/EnlighterJS/Plugin.WordPress

    **changelog**

    * Added: EnlighterJS label to codeblocks (bottom-right)
    * Added: filter enlighter_codeblock_title to set custom codeblock titles – requested by [w3215 on WordPress.org Forums](https://wordpress.org/support/topic/remove-branding-on-toolbar/)
    * Changed: Renamed the toolbar-button labels (Code Insert, Code Settings) – requested by [w3215 on WordPress.org Forums](https://wordpress.org/support/topic/remove-branding-on-toolbar/)
    * Changed: Renamed the dialog window titles – requested by [w3215 on WordPress.org Forums](https://wordpress.org/support/topic/remove-branding-on-toolbar/)

    That’s awesome. Thank you.

    Plugin Author Andi Dittrich

    (@andi-dittrich)

    closed

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Remove branding on toolbar?’ is closed to new replies.