https://github.com/sonyarianto/sveltekit-monaco-editor

Simple and quick demo about how to integrate Monaco Editor in SvelteKit. Boring to see all samples mostly on React!
https://github.com/sonyarianto/sveltekit-monaco-editor

javascript monaco-editor svelte sveltekit

Last synced: 2 months ago
JSON representation

Simple and quick demo about how to integrate Monaco Editor in SvelteKit. Boring to see all samples mostly on React!

• Host: GitHub
• URL: https://github.com/sonyarianto/sveltekit-monaco-editor
• Owner: sonyarianto
• License: mit
• Created: 2023-06-27T18:42:10.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-03T13:19:42.000Z (about 1 year ago)
• Last Synced: 2024-10-12T12:52:15.934Z (3 months ago)
• Topics: javascript, monaco-editor, svelte, sveltekit
• Language: Svelte
• Homepage: https://sveltekit-monaco-editor.vercel.app
• Size: 312 KB
• Stars: 25
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# sveltekit-monaco-editor

Simple and quick demo about how to use Monaco Editor in SvelteKit.

## Why?

Why not? I am boring looking all sample Monaco Editor in React. I want to see how it works in SvelteKit.

## How to use?

Clone this repo and run `npm install` to install all dependencies including Monaco Editor.

Then run `npm run dev` to start the dev server.

## Use case

- [x] Use Monaco Editor in SvelteKit.

- [x] As educational material for SvelteKit.

- [x] Good as starter template, since several batteries included (Tailwind CSS etc).

## Demo

https://sveltekit-monaco-editor.vercel.app

## References

- https://dev.to/lawrencecchen/monaco-editor-svelte-kit-572

- https://www.codelantis.com/blog/sveltekit-monaco-editor

- https://github.com/microsoft/monaco-editor/blob/main/samples/browser-esm-vite-react/src/main.tsx (I like this)

- and many others

## License

MIT

Maintained by Sony Arianto Kurniawan <> and contributors.