integrate klipse with React about klipse HOT 11 CLOSED

This is the modified jsbins that demonstrate it:

1. delay a bit the loading the klipse script - http://jsbin.com/nuhusu/edit?html,js,output
2. after react is loaded, run klipse.plugin.init(klipse.run.plugin_prod.plugin.settings()); - http://jsbin.com/conobo/edit?html,js,console,output

from klipse.

Thanks @ianwang
The reason is that klipse is loaded before react has added it's element to the dom. There are 2 solutions:

1. delay a bit the loading the klipse script
2. after react is loaded, run klipse.plugin.init(klipse.run.plugin_prod.plugin.settings()); - it will make klipse reparse the DOM and convert the selected elements to klipse snippets.

BTW, what do you plan to do with the integration of klipse with react?

from klipse.

oh nice! Thanks for helping. I think I'll go for 2).

I'm working on a new project at Codementor which involves a markdown editor that can generate klipse snippets in preview mode. Should be available in a couple of weeks. We're trying to build a knowledge sharing network for our community, the editor is one of the crucial parts of it.

Would love to give you an update when it's online. 😄

from klipse.

@ianwang have you made progress on your project?

from klipse.

yes! it works well and really brings post like tutorial to another level!
We haven't released it yet since there might be some XSS issues.
here is the early version of the editor

from klipse.

@ianwang
CodeMentor looks really great.
Do you have an example of an interactive tutorial?

I'm working on supplying a setting in klipse that will make the execution of the snippets into a sandbox with limited access to the window object: no access to document (cookies), no access to ajax functions.

I'd be happy to open a Clojure community on CodeMentor.

Maybe we can continue this conversation on email: [email protected]

from klipse.

@ianwang there is now a secured mode inside KLIPSE that prevents malicious code and XSS.

from klipse.

Wow it's awesome! Thank you @viebel!
I don't have any examples right now since the feature is not really available
but with secured_eval, I believe I can make it public very soon
I was thinking to upgrade posts like these:

• Computer Algorithms Explained
• The Ultimate JavaScript Cheat Sheet

from klipse.

from klipse.

@ianwang Please wait a bit before allowing people to write interactive content - as there are still flaws in Klipse secured mode.

from klipse.

👌

from klipse.