Insert Custom HTML button to Joomla JCE editor

  • Download JCE Custom HTML plugin from GitHub (I also saved a copy here.)
  • Open / extract the file and edit editor_plugin.js (located in plugins\jce\editor-custom).
    •  Modify html variable on line 8 to include HTML/Text of your choice.
      0852 insert custom html button 1
    • Save the modified editor_plugin.js file back into

  • Instgall as a Joomla package.
  • In Joomla back-end go to Components >  Editor Profiles > [profile_name] > Features & Layout and drag JCE - Custom HTML button to the Current Editor Layout.
    0852 insert custom html button 2


June 2018
JCE Editor for Joomla


Subscribe to receive occasional updates on new posts.
Your email will not be used for any other purpose and you can unsubscribe at any time.
Please wait