Bottom Line Up Front
I use a slightly modified version of the steps mentioned in this GitHub comment. Modifications were necessary becau...
For further actions, you may consider blocking this person and/or reporting abuse
This is pretty fucking amazing. I've been meaning to work on something like this since all the syntax highlighting choices available are nowhere near as good as the Monaco editor. And I built the Shades of Purple theme because I like the right set of colors for the syntax — this will be a huge help for the new version of my site.
Thank you! 👌
Note that Monaco is not mobile supported. That turns me off, and had to fall back to CodeMirror...
doesnt monaco use codemirror under the hood?
I don't know. I just believe what it says in the website -- microsoft.github.io/monaco-editor/
ah. i've tried it briefly on mobile web sites. it can work. but maybe not as well as you might want.
This is fantastic. Took me 15 minutes to add to my own starter and get it running. Running pretty smoothly on localhost. Hosting to now breaks it a little bit.
github.com/jaakkolantero/monaco-st...
Big thanks!
thanks! looks like the production build is missing this file github.com/microsoft/vscode/blob/a...
I figured it out! postcss is clearing monaco's overflow guard styling since it thinks it is unused.
@swyx Greetings,
have you integrated monaco-languageclient i was getting this error
Can you share what steps to resolve this issue?
I resolved this error and then i am getting these errors. I mentioned the error and reference code in this github issue github.com/TypeFox/monaco-language... @swyx can you check what i was missing here?
Can someone please help me , I have tried this everything is working file but when i am doing npm run buld its showing webpack error.
Please Some one help me I want to upload it to digital ocean. I cant beacuse its not building .❤️
Error Image:
dev-to-uploads.s3.amazonaws.com/up...
Thanks for the awesome article!
With Next 9.3 this works perfect.
However, with Next 9.5 this stopped working.
Anyone an idea why that could be?
no idea. project not active already. what errors do you get?
It turns out, the solution can be much simpler :D
This also works fine with the latest Next.js
github.com/vercel/next.js/tree/can...
Do you know how to get JSX syntax highlighting working with react-monaco-editor and react? This has me stumped 🧐
i dont think i did anything special here. sorry.
looks not work in Next.js 10...
I had the same problem...
I ended up just using
@monaco-editor/react
.This works great without any hacky approach.