8

Multi language live snippets with the klipse plugin by @viebel

 4 years ago
source link: https://blog.klipse.tech/all/2016/06/28/multi-language-demo.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Multi language live snippets with the klipse plugin by @viebel

Jun 28, 2016 • Yehonathan Sharvit

What is Klipse?

The klipse plugin is a javascript tag that transforms static code snippets of an html page to live and interactive snippets:

  1. Live: The code is executed in your browser
  2. Interactive: You can modify the code and it is evaluated as you type

The code evaluation is done in the browser: no server is involved at all!

Read more about the klipse plugin.

In this short article, we show live code snippets in different languages.

Modify the code in the snippets and enjoy the interactivity!

jaguar

Javascript

xxxxxxxxxx
[1, 2, 3].map((x) => x + 1)
the evaluation will appear here (soon)...
xxxxxxxxxx
[1, 2, 3].map{|x| x + 1}
xxxxxxxxxx
the evaluation will appear here (soon)...
$name = "klipse";
echo "hello". " " . $name;

Clojure[script]

(map inc [1 2 3])
If you enjoy this kind of interactive articles would you consider a (small) donation💸 on Patreon or at least giving a star⭐ for the Klispe repo on Github?

to stay up-to-date with the coolest interactive articles around the world.

Discover more cool interactive articles about javascript, clojure[script], python, ruby, scheme, c++ and even brainfuck!

Give Klipse a Github star to express how much you appreciate Code Interactivity.

Subscribe to the Klipse newsletter:

Feel free to email me [email protected] for getting practical tips and tricks in writing your first interactive blog post.


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK