livecodes VS split

Please ⭐ star the project on GitHub if you like it, and follow LiveCodes on Twitter to be notified with latest updates!

In the evolving landscape of education, teachers and students are continuously seeking effective learning tools. The need for such tools is even more pronounced in the sphere of programming. The complexity of setting up development environments and the steep learning curve of programming languages are often challenging. This is where LiveCodes steps in, offering a seamless solution that makes programming accessible, interactive, and engaging while remaining free (and open-source) with unlimited usage. The versatility of LiveCodes makes it an ideal tool for schools, colleges, and coding bootcamps, as well as course websites and online learning platforms.

LiveCodes is a feature-rich, open-source, client-side, code playground that supports 80+ languages and frameworks. Check out the announcement for details.

I'm using https://github.com/live-codes/livecodes to just move it all completely into the client

LocalPen is a powerful frontend coding playground that runs totally on the client and can be hosted on any static file server. Try it now on localpen.io

At last, it feels great to build apps that you and others actually use. I plan to continue building and adding features/fixes to LocalPen. It would be great to know your opinion, comments, advice, ideas and, even better, contribution.

LocalPen is a powerful frontend coding playground that runs totally on the client and can be hosted on any static file server. Try it now on localpen.io

Here I am introducing LocalPen. A project that I started as a small module to be added to the website, but actually has grown much larger and deserved to be a separate project.

To do this, I'm using an npm library called split that simply splits a stream into lines, to make it easier to work with. Here's a simple example that just counts the number of lines in a stream:

Mine is https://split.js.org/

I've been trying to add split.js to my Vue app. I've managed to get it working using the cdn in this codepen but it doesn't work in my code when running locally. I just get a blank screen. Here's my code, I'm including the same cdn in the codepen in my index.html to no avail. Any suggestions? Thanks.

Their are many options that you can use, you can check all options here, but I would like to show the options that I really like.

For anyone else that had trouble with the link for unknown reasons: https://split.js.org/#/split-grid

When building Splitter we got inspired by Split.js which is a great library. We just needed some customization and more control.

Resizable split panes (using split.js)