Add custom style to the confluence editor

Hi,

i want to add custom styles to the predefined styles in the confluence editor.
I´ve read a lot of other threads where the statement was that this is not possible.

Is there still no possibility to add those styles?

 

Example:

image2016-8-19 14:1:13.png

 

Regards,

Michael

 

4 answers

Possible? Yes. Easy? No. Confluence uses a version of TinyMCE, so it is possible to write a plugin for TinyMCE to add styles (basically adding references to classed HTML tags). The second part of the solution is easy – adding custom CSS to Confluence.

The workaround is user macros. Not as elegant, but does get the job done. For example, I wrote some simple user macros years ago we use for formatting figure and table titles in Confluence (and when exported) – a hole that has been in Confluence since the start.

Keep in mind, that the editor was designed by coders and not tech writers. wink

Did anyone ever try writing a plugin to add styles? Did it work?

I've been wondering if I can do it with the TinyMCE API and just add javascript to the Confluence theme.

https://www.tinymce.com/docs/api/tinymce/tinymce.formatter/

This really shouldn't be so complicated. And macros that format text in-line in the TinyMCE editor should also be easier to build.

That is basically what I am saying. Just keep in mind, this is Confluence, so there are many parts of the menu you just don't have access to, or are not documented. wink So be  prepared for some experimentation!

Turns out in all my experimentation I couldn't use just plain javascript to add to the TinyMCE options. It appears that it needs to be done upon loading to modify the UI.

Suggest an answer

Log in or Sign up to answer
Atlassian Community Anniversary

Happy Anniversary, Atlassian Community!

This community is celebrating its one-year anniversary and Atlassian co-founder Mike Cannon-Brookes has all the feels.

Read more
Community showcase
Kesha Thillainayagam
Posted Apr 13, 2018 in Confluence

We want to hear how your non-technical teams are using Confluence!

Hi Community! Kesha (kay-sha) from the Confluence marketing team here! Can you share stories with us on how your non-technical (think Marketing, Sales, HR, legal, etc.) teams are using Confluen...

372 views 20 10
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you