Using <script type='text/discourse-plugin> or <script type='text/x-handlebars'> in themes is now deprecated. Any use of these tags in themes should be updated according to the instructions below. Regular <script> and <script type='text/javascript'> are unaffected by this change. Timeline These are…

Maybe a very dumb question, but I have a very very simple theme component that I put directly into the admin console under <head>: <script type="text/x-handlebars" data-template-name="/connectors/top-notices/whos-online-below-site-header"> {{whos-online}} </script> If I’m following this post corre…

There is the JS tab now, so you can probably use api.renderInOutlet now.

[صورة] Nate Dhaliwal: here is the JS tab now, so you can probably use api.renderInOutlet now. [صورة] david: If you develop your theme via the admin panel interface, copy the code out of the <script>, and move it into the JS tab (where it says // your code here). Ah, I didn’t see that t…

Thank you for this post! May be a very basic question I believe: Since we do not have a sandbox, I need to be sure before I proceed. I have to update a theme affected so am I correct if say that all the code related to “Script” from “head” tab need to be moved into the JS tab as illustrated below…

Almost, but not quite. You’d want to remove the script tags, and change the imports to something like: import { ajax } from "discourse/lib/ajax"; Then, paste all this in the JS tab, inside: [صورة] david: export default apiInitializer((api) => { // Your code here });

Our Discourse site (hosted by Discourse) is currently generating the following error bar (which is what led me to this thread): [Screenshot 2025-07-14 at 10.40.31 AM] I’m not aware that we’ve done any cutomization of the ‘Light’ theme of our own, and looking at its admin page, am not seeing anyth…

You will need to take action to resolve this - it won’t go away on its own. I took a quick look at your site in chrome dev tools, and it looks like the relevent code is related to adding the ‘chapel’ language to highlightjs. [SCR-20250714-qmbq] If you visit your ‘Light’ theme, and hit ‘edit code…

Thanks @david ! I’d forgotten that we’d done some customizations to get Chapel highlighting and am not sure I would’ve gotten there on my own from the error banner, so appreciate the assistance and pointers. -Brad

I have a simple .html file: <script type='text/x-handlebars' data-template-name='/connectors/below-site-header/oprs-top-container'> <div id='WW_T_D_1' class='oprs-top-leaderboard'></div> </script> I’m kind of confused with different ways to do this migration. Appreciate if someone explains wha…

Just renderInOutlet to the connector import { apiInitializer } from "discourse/lib/api"; export default apiInitializer((api) => { api.renderInOutlet("below-site-header", <template> <div id='WW_T_D_1' class='oprs-top-leaderboard'></div> </template>); });

تحديث علامات النصوص البرمجية المضمنة للقوالب وواجهة برمجة تطبيقات JavaScript

مطور

NateDhaliwal (Nate Dhaliwal) 28 يونيو 2025، 11:52ص 3

الآن يوجد تبويب JS، لذا يمكنك على الأرجح استخدام api.renderInOutlet.

الموضوع		الردود	مرات العرض
Upcoming Header Changes - Preparing Themes and Plugins Development dev-news	38	3974	8 سبتمبر 2024
Templating of my "component" broke. How do I fix it? Development	15	107	16 أبريل 2026
Using the JS API Developer Guides plugin-api , explanation , code	20	11887	30 يناير 2026
A versioned API for client side plugins Development rest-api	34	20051	21 يونيو 2024
Developing Discourse Plugins - Part 2 - Connect to a plugin outlet Developer Guides plugin-guides , tutorial	38	29997	23 نوفمبر 2025

تحديث علامات النصوص البرمجية المضمنة للقوالب وواجهة برمجة تطبيقات JavaScript

الموضوعات ذات الصلة