mirror of
https://github.com/suren-atoyan/monaco-react.git
synced 2026-01-18 15:54:45 +00:00
Merge branch 'master' of https://github.com/SurenAt93/monaco-react
This commit is contained in:
commit
372d6fbfcc
@ -8,9 +8,9 @@ Monaco editor wrapper for painless integration with React applications without n
|
||||
## Motivation
|
||||
There is a well-known web technology based code editor called [Monaco Editor](https://microsoft.github.io/monaco-editor/) that powers [VS Code](https://code.visualstudio.com/). [There are also many ways to integrate](https://github.com/Microsoft/monaco-editor-samples/) it provided by monaco creators. But there were tons of problems with integration of monaco with modern technologies; e.g React.
|
||||
|
||||
There also exist solutions for integration with React; e.g [this one](https://github.com/react-monaco-editor/react-monaco-editor) and [this one](https://wangchujiang.com/react-monacoeditor/). But they need some custom webpack configuration to make Monaco fully work, which is not the "best" solution for such kind of things like create-react-app - [CRA](https://facebook.github.io/create-react-app/).
|
||||
There also exist solutions for integration with React; e.g [this one](https://github.com/react-monaco-editor/react-monaco-editor) and [this one](https://github.com/jaywcjlove/react-monacoeditor). But they need some custom webpack configuration to make Monaco fully work, which is not the "best" solution for such kind of things like create-react-app - [CRA](https://facebook.github.io/create-react-app/).
|
||||
|
||||
With this solution, you don't need any kind of webpack configuration files and it works great both with React apps created by CRA or created by something else.
|
||||
With this solution, you don't need any kind of webpack configuration files and it works great with React apps created by CRA or created by something else.
|
||||
|
||||
## Installation
|
||||
|
||||
@ -66,7 +66,7 @@ export default App;
|
||||
|
||||
#### MonacoEditor instance
|
||||
|
||||
The second argument of `editorDidMount` is the instance of the editor. So, you can use it to get the full control of the editor if you need it.
|
||||
The second argument of `editorDidMount` is the instance of the editor. So, you can use it to get the full control on the editor if you need it.
|
||||
|
||||
## Props
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
### Monaco-React Demo
|
||||
|
||||
This is the demo of [@monaco-editor/react](../) package.
|
||||
It's hosted [here](monaco-react.surenatoyan.com)
|
||||
It's hosted [here](https://monaco-react.surenatoyan.com)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user