embedding Javascript in a Wiki page

[borepstein]

Hello all,

I have some JS code (image gallery browser sort of thing in JQuery). The reference ot JQuery I put in the header in the theme code, the rest - in the box for the bottom of the body section. The errors do pop up in the console, the code itself would not start. I.e., the JQ .ready function would not start. Any thoughts?

Thanks.

Boris.

[borepstein]

I have solved it. The code was running but I used the .ready function and the did not work. The "on load" event was the way to go.

$(window).on("load", function(){
  // Handler when all assets (including images) are loaded
});

Source: https://www.sitepoint.com/jquery-document-ready-plain-javascript/

[NGPixel]

That's not the proper way to do it and will likely fail for some users.

https://docs.requarks.io/en/troubleshooting#how-to-execute-javascript-code-on-page-load

[guoxiao0521]

In which file is this code written or how is it configured?

window.boot.register('page-ready', () => {
    // code to execute
})

[NGPixel]

Admin > Theme

[cycne]

I’m sharing my implementation of an include feature for Wiki.js:

https://gist.github.com/cycne/5897c2fc39f27dbaecf7ee686e66913e