Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[feature] Monaco Editor integration #3

Open
itsnitinr opened this issue May 26, 2021 · 0 comments
Open

[feature] Monaco Editor integration #3

itsnitinr opened this issue May 26, 2021 · 0 comments

Comments

@itsnitinr
Copy link
Owner

Is your feature request related to a problem? Please describe.
To make the website look more VSCode-esque, I could integrate the Monaco Editor, which powers Visual Studio Code. However, is it worth it? Or will it make the user experience harder?

Describe the solution you'd like
https://www.npmjs.com/package/@monaco-editor/react
This package can be used to easily integrate Monaco with Next.js and use it on read-only mode.

Describe alternatives you've considered
An alternative is to code a mock layout that mimics Visual Studio Code without the actual editor functionality. Special precautions can be taken to achieve a better user experience or I can ditch the whole layout idea itself and keep it simple.

Additional context
One of the major issues with integrating Monaco is to define a custom theme for Monaco. Might be too much effort just to get the UI to look consistent with the theme.

Screenshot_20210526_204419

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant