Render page resources (image,js,css,cdn) in Confluence HTML Macro but with limited scope

Stefan Mueller

Hallo,
I use the HTML Macro to add some decent visualized object and JavaScript.
As I added Bootstrap script files

  <span><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></span><span></script></span>
  <span><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></span><span></script></span>

what makes the standard Confluence buttons not usable.
Any chance to limit the scope of the above-mentioned scripts to render only a dedicated section of my HTML?

I found Limiting scope of JavaScript source, could that be a solution?
I haven’t got it to work yet .

Diego_88dj6o

Hello there! That is an interesting question, Stefan.

I went ahead and tested this on a local instance running Confluence 6.14.2. Initially, adding only the script lines Confluence does indeed show problems.

The page tree does not work and there are no Space Tools for example.

However, when I add the following after both scrip lines there are no more problems:

<script> altjquery = $.noConflict(true); </script>

So, in the end you did find the correct solution for this! The HTML Macro content looks like this on my side:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> 
<script> altjquery = $.noConflict(true); </script>

Looking forward to your reply Stefan!  Let us know your findings.