React PDF viewer VS Monaco Editor

I am using a React PDF viewer in my project. I have a react mui dialog component that I use with react draggable to drag it around.

This (monaco editor) Is the text editor/view that vscode uses internally, maybe you could use it and imitate the vscode ui around it?

simpleWorker.js:20 Could not create web worker(s). Falling back to loading web worker code in main thread, which might cause UI freezes. Please see https://github.com/microsoft/monaco-editor#faq

This time I will use an editor called monaco-editor. This is a Visual Studio Code-based editor, which allows you to achieve roughly the same functionality in your browser.

Monaco editor is good more for code blocks and syntax highlighting.

have you checked monaco?

To further clarify: the fundamental code editing engine of VS Code is https://microsoft.github.io/monaco-editor/, but it runs atop Electron, or as it was known back then, Atom Shell. Same base technology, but the codebases are entirely different otherwise.

The front-end is mainly written in Elm and integrates the Monaco Editor from the VS Code project. The Elm app implements ports with the javascript-based Monaco Editor. The Elm side also implements language services that power editor features that require understanding the syntax and semantics of the Elm programming language.

freeCodeCamp uses the Monaco Editor (https://microsoft.github.io/monaco-editor). It can be fairly resource intensive.

It's not as good as Vim, but you can run a lite version of vs code in shell: https://github.com/Microsoft/monaco-editor

We're using the monaco editor with the 3D Webview asset as the code editor. As for reading the code itself, I'm not entirely sure as my friend did the coding for that (I'll ask him to answer soon). And for compiling the code, we use the arduino-cli.