I'm working on something like Codecademy, Progate.
and I've been looking for some code editor APIs so I can integrate it into my react e-learning platform.
I want a code editor that supports customization. where every lesson has his own pre-written code ready.
don't hesitate if you can help.
Top comments (8)
Check monaco editor, it is what powers visual studio code and typescript playground. It is used by gitlab and code places.
Does monaco support compiling and showing the result. Like in codecademy when you type html and css there is a section aside that show the compiled code ???
It’s a basic editor will compilation feature, you can watch and create your own UI to display errors.
Link please?
microsoft.github.io/monaco-editor/...
I have created my own from this, you can check View Source and see what all things are implemented. webatoms.in/play
Really like Ace editor for these kinds of things! github.com/ajaxorg/ace
Does ace support compiling and showing the result. Like in codecademy when you type html and css there is a section aside that show the compiled code ???
You need to run the code by yourself. Ace just provides the UI required for giving a code editor like feel. If it's html/css/js you can "run" and show the output in your frontend itself. But if you plan on something like C++/Py/Go, you'd need a separate backend which supports secure remote code execution, preferably something containerised.