kotlin-playground icon indicating copy to clipboard operation
kotlin-playground copied to clipboard

Integrate with reveal.js

Open s1monw1 opened this issue 5 years ago • 4 comments

It would be nice to integrate this with reveal.js so that we can run code in a presentation, which should be possible. Do you happen to have something like this already?

s1monw1 avatar Nov 02 '18 22:11 s1monw1

Hi! Actually no and I haven't got any plans to integrate this with reveal.js. For example, if you need to add playground to your slides you can load library from script tag like

<script src="https://unpkg.com/kotlin-playground@1" selector="code" />

So if you have any ideas and times you can become a contributor 🎉😊

AlexanderPrendota avatar Nov 06 '18 07:11 AlexanderPrendota

I gave it a try - in general it works:

image

but there are some features missing and little issues present that would optimize Playground for slide shows:

  • built-in ability to increase font size. I could only hack through CSS which works only partially
  • running the code programatically (ability to automatically click "Run" when showing the slide)
  • each line gets weird shadow, I think it's not by design

krzema12 avatar Sep 10 '21 08:09 krzema12

@krzema12, about the ​font size - we already have KT-30099.

nikpachoo avatar Sep 10 '21 11:09 nikpachoo

I wrote a Kotlin DSL wrapper for reveal.js. You can see it at: https://kslides.com It supports Kotlin Playground via an iframe. You can see an example here: https://kslides.com/#/playground

pambrose avatar May 27 '22 07:05 pambrose