I’ve been writing a Svelte app that needs to install itself on each page. I figured out how to add my JS file into the head section and get it to load on the first page load. However, as I experimented, I realized that discourse is pulling in new content via XHR and replacing certain sections, and s…

[изображение] Chris Dawson: I played around with various attempts to get notified when the page changes, but it does not seem like Ember provides the hooks, and I was unable to find any custom events that I could listen for. This is what you need How do you force a script to refire on every p…

I think you want to put your code in an initializer rather than in a head. Look at the developer guide and see how you can put your JS in separate files.

Thanks so much for the reply! I think this is partly why I’m confused, I’m having trouble finding any references to extending Discourse by adding my own JS. When I do a duckduckgo search for “Discourse developer guide” the first link I get is a link to the github repo. The next link is to the “Di…

Yeah it’s not all trivial. Discourse is an EmberJS app. Ideally JavaScript extensions should be written in the EmberJS framework using a Theme Component (or Plugin), the Discourse JavaScript API where appropriate and plugin outlets. The main issue you will encounter in using ad hoc external scri…

That’s good confirmation. But, I have to say, I’m really happy with my mutation observer code. It detects when the content of the page changes correctly, and then allows me to run my custom JS code. It’s working beautifully, and I didn’t have to learn Ember, nor modify the RoR app in any way. I’m re…

I just tried to use a popstate event observer. If that would have worked, then the code would be 5 lines instead of 20. However, clicking around does not seem to trigger that event. If I use the forward or back buttons, I do see the event. I don’t obviously understand popstate enough but for now I a…

I realized I was doing one foolish thing here. I’m modifying the theme and adding code to the head. If I switch to a different theme, those changes are lost. The right way is to add the code using a plugin. I used the template here: GitHub - discourse/discourse-plugin-skeleton: Template for Discours…

[изображение] Chris Dawson: The right way is to add the code using a plugin Not true. If you are not modifying the API (e.g. using 100% javascript) there is no need to use a Plugin which are more cumbersome to deploy and switch out. If all you are doing is modifying or adding some JavaScrip…

OK. But, when I switch themes (or if I allow a user to choose their own theme), then am I not faced with the problem that I need to make sure each theme is 1) editable so I can add the new head tags and even worse 2) need to maintain my code across all themes? When I started using different themes,…

In this case, you would make it a Theme Component and add that Component to all Themes. (I’ll admit this is an additional complexity). If you want to run the site professionally, making sure all your code is on Github is a very good idea indeed. However, initially when you are just trying some id…

Have a look at GitHub - discourse/discourse-theme-skeleton: Template for Discourse themes

Отзывы о «on-discourse» JavaScript для настройки пользовательского JS на каждой странице?

Разработка

RGJ (Richard - Communiteq) 18.Ноябрь.2023 13:56:27 12

Вот что вам нужно: How do you force a script to refire on every page load in Discourse? - #5 by simon

<script type="text/discourse-plugin" version="0.8">
    api.onPageChange(() =>{
        // код
    });
</script>

Тема		Ответов	Просм.
How do you force a script to refire on every page load in Discourse? Development	39	20986	26.11.2020
[newbie] Trouble adding script to dynamically change CSS values based on conditions Support	10	1696	08.06.2024
A versioned API for client side plugins Development rest-api	34	20101	21.06.2024
Developing Discourse Plugins - Part 1 - Create a basic plugin Developer Guides plugin-guides , tutorial	32	82540	08.07.2025
Using the JS API Developer Guides plugin-api , explanation , code	20	11934	30.01.2026

Отзывы о «on-discourse» JavaScript для настройки пользовательского JS на каждой странице?

Связанные темы