Writes code so far :)
This branch is for production
Project is hosted in https://daima.netlify.app/
- git clone https://github.com/ABSanthosh/Daima.git
- cd Daima
npm installoryarnnpm run devoryarn dev
- https://blog.expo.dev/building-a-code-editor-with-monaco-f84b3a06deaf
- https://stackoverflow.com/questions/57048510/how-to-initialize-microsoft-monaco-editor-in-a-browser-using-simple-javascript-o
- https://www.spectralcore.com/blog/integrating-monaco-editor/
- https://github.com/microsoft/monaco-editor/tree/main/samples
- https://medium.com/@haugboelle/short-guide-to-using-monaco-with-create-react-app-26a1acad8ebe
- https://www.meziantou.net/using-monaco-editor-as-an-input-in-a-form.htm
- https://betterprogramming.pub/create-a-custom-web-editor-using-typescript-react-antlr-and-monaco-editor-part-1-2f710c69c18c
- https://javascript.plainenglish.io/embed-a-runnable-vs-code-clone-with-react-882173be2aae
- https://segmentfault.com/a/1190000041686221/en (Most important one)
- https://microsoft.github.io/monaco-editor/api/index.html
The official docs for this is very very dry and only explains the available endpoints without any examples so you'll have to dig through the internet to find examples. I've linked some of the resources I found useful above.
tip: Use the multiple pages in google results and open any and every site related to your issue. You might get some insights on the API endpoints(Like how I got some info from some chinese blog)