Embed Katacoda into WebHelp Responsive output

[pault]

I have a request to include Katacoda scenarios https://www.katacoda.com/ to WebHelp Responsive HTML. Is there a way to do this?

Here's what Katacoda https://www.katacoda.community/embed.html says:

Add the Javascript:

Code: Select all

<script src="//katacoda.com/embed.js"></script>

Add the scenario:

Code: Select all

<div data-katacoda-id="<username>/<scenario-name>" id="katacoda-scenario-1"></div>

Adding the Javascript is not a problem, but the adding a particular scenario to a particular topic is the part I don't know how to do.

Thanks in advance for your help.

Paul

[Radu]

Hi Paul,

So you want that HTML div to be added to only a particular topic, right?
Some time ago I created this open source publishing plugin which is also bundled with the DITA-OT publishing engine which comes with Oxygen:

https://github.com/oxygenxml/dita-embed-html-xslfo

It allows you to use the DITA <foreign> element to embed arbitrary pieces of HTML in particular topics.

Regards,
Radu