Im trying to add a widget to the composer, I have got far enough to where I can insert the code from the tool bar, but I am not sure how to get the javascript working within it. I am assuming that I will need to add the javascript internally either as a plug-in or theme component rather than calling…

Can you be a little more specific about what you’re trying to do? Are you trying to add a new toolbar button that adds content to the composer textarea? something else?

What I am trying to is to have users insert their specific widget from the composer where all the would have to do type a number and have the toolbar wrap around it. for example if typed 112756 it would wrap the following code around it. <div id='PurpleAirWidget_112756_module_AQI_conversion_C0_aver…

Ok so it sounds like you have already figured out how to add content to the composer? (If not, referencing this example may help GitHub - discourse/discourse-gifs - this theme component opens a modal when the button is clicked from the toolbar, and then inserts content into the composer based on cli…

Thanks for pointing me in the right direction, I do seem to run into another issue, it is not loading/rendering when opening the topic page that would use the script. Only after I refresh the page does it load properly, but not every time. Is this because Discourse is a Single Page Application, I’m …

I took a crack at this and ended up with similar results. I tried to use decorateCookedElement because we’ll eventually deprecate decorateCooked api.decorateCookedElement( (element) => { element.childNodes.forEach((node) => { if (node.dataset && node.dataset.pawidget) { …

Thanks for taking a crack at it. I did notice that the script is called roughly every 90 seconds to two minutes if I leave the page open. [Screen Shot 2021-11-09 at 3.52.24 PM] So it does load eventually. Is there any documentation/posts on how/why it loads in at a later point?

Adding an outside widget to composer

Development

merefield (Robert) October 29, 2021, 5:56pm 5

You might be able to use this in some way (either directly or a forked customisation): Custom Mentionables which uses a special character instead of a composer button.

Topic		Replies	Views
Embed widget within text in a topic Support	3	1152	November 25, 2021
JS widget/code (first post) Development	3	747	September 23, 2021
Adding a javascript in a post? Support	2	1556	November 1, 2019
Embedding an external widget in Discourse Development	6	744	August 22, 2023
Cannot get the js in my component to compile SyntaxError: Private field must be used in an enclosing class Development	14	276	September 21, 2024

Adding an outside widget to composer

Related topics