Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How to add custom Javascript in Confluence pages?

I figured out how to add javascript calles in the header or footer but can't figure out how to add some Javascript in the pages itself.

Anybody knows?

9 answers

3 votes
Matt Ryall Atlassian Team Jul 11, 2011

You could write a User Macro to do it. You need to pick a name, set the output format as "HTML" and put your JavaScript content in the body. Then you just put this macro into your pages.

If you need different JavaScript on every page, Confluence ships with a disabled HTML macro that you can enable in the "Plugins" list under the Administration. Then you can write an {html} macro with the <script> tags inside it.

Hi Thanks Matt,

But this means the Macro should be added to all the pages manually, I was more looking to add something on all pages, once for all.

Any idea?

Matt Ryall Atlassian Team Jul 17, 2011

In that case, I'm not sure what your question means. If you have added JavaScript in the header or footer via Administration > Custom HTML, you should find it already on every page.

This question is very similar or at least related to:

https://answers.atlassian.com/questions/3054/javascript-inclusion

Roland, take a look at the web-resources Module type. If you add a plugin with one of these in there then you can have your own JS files added to all pages. Have a specific look at the contexts, such as atl.general for example

http://confluence.atlassian.com/display/CONFDEV/Web+Resource+Module#WebResourceModule-WebResourceContexts

插入宏 -html

 

<SCRIPT type="text/javascript">

var element = document.getElementById('main-content'); element.style.backgroundColor = "#33CCCC"; </SCRIPT>

<web-resource key="somekey" name="some description">
   <resource type="download" name="yourfile.js"    location="/js/your file.js"/>
   <context>page</context>
</web-resource>

 

 

In your atlassian-plugin.xml , include your javascript as a web resource for page context as above.

 

I tried adding custom code in Custome HTML but the code does not appear in the pages themselves.

If you want Javascript on an individual page use the {html} macro. Otherwise for all pages add your script in appropriate place in the the CustomHTML screen of the Admin Console.

Hi Roland,

You can try this example http://come2niks.com/?p=542 this really works.

Thanks,

Nikhil

Nikhil, this link no longer works.

i tried this but didn't work.

Hi Roland,

Please refer to the following document:

Be well,

Jason Hammons

Atlassian - San Francisco

That is for JIRA.  This question is about Confluence.  Therefore that link is not useful here.

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Confluence

Confluence Mythbusters: Does Atlassian even use Confluence?

Hi, Confluence collaborators! As part of #Confluence-Collaboratory month, we’ve created a very special Mythsbusters segment, where we're dive into an interesting myth and uncover the truth behind i...

1,474 views 7 29
Read article

Community Events

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

Find an event

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

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you