Customize the TinyMCE Tool Bar

  • Hello,

    I am using WP Job Manager and am trying to find a simple solution to this “front end” issue. I have a submission form that signed in user can use to send the site information. The form has an area for text entry but the interface does not have a button that the user can press to add a photo(s) or image(s) into the text. The current Icons are: Bold; Italic; Bulleted List; Numbered Lists; Insert/Edit link; Remove Link; Undo and Redo.

    Someone suggested TinyMCE Advance which worked. Now I see two tool bars. The original one and on top of that the one for TinyMCE Advanced. The TinyMCE tool bar is not displayed as Icons but as words and pull down menu. It looks like this:

    Top Bar (Tiny MCE: Pull Down Menu): File; Edit; Insert; View; Format: Table; Tools
    Bottom Bar (Original: Icons): Bold; Italic; Bulleted List; Numbered Lists; Insert/Edit link; Remove Link; Undo; Redo.

    It works but would like to simplify and only display the insert/edit image icon. I don’t mind the extra bar but all the pull downs can and will confuse the front end users.

    Is there a way to add just a button/icon for the user to add pictures / images into the text?

    Any help appreciated.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Andrew Ozz

    (@azaozz)

    The TinyMCE tool bar is not displayed as Icons but as words and pull down menu.

    You can configure that ??

    Have a look at this screenshot: https://ps.w.org/tinymce-advanced/assets/screenshot-6.png?rev=2011513. The checkbox for “Enable the editor menu”. It is available for both the Classic block and the Classic editor. I’m guessing you will need to change it for the Classic editor (tab at the top of the settings page) to affect the Job Manager plugin.

    • This reply was modified 5 years, 8 months ago by Andrew Ozz.
    Thread Starter curfella

    (@curfella)

    Hello Sir,

    Thank you for your followup.

    Followed your instructions and clicked the checkbox on the “Classic editor” and the TinyMCE advanced tool bar pull down appears see https://imgur.com/a/tbzhw51 . That is as far as I get. I cannot get that first bar words pull down bar into icons or add anything else.

    Here is what I see on the settings of TinyMCE https://imgur.com/a/tbzhw51 second image.

    What you see in the first image is what the logged in users see so its the front end form.

    Any other clues or suggestions?

    Thank you in advance.

    Thread Starter curfella

    (@curfella)

    Hello,

    Anything else I can try get this accomplished?

    Thank you in advanced.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customize the TinyMCE Tool Bar’ is closed to new replies.

Tags