Load languages Extensions for CodeMirror6.
npm install @uiw/codemirror-extensions-langs

Load languages Extensions for CodeMirror6.
``bash`
npm install @uiw/codemirror-extensions-langs --save
`jsx
import { loadLanguage, langNames, langs } from '@uiw/codemirror-extensions-langs';
loadLanguage('tsx');
langs.tsx();
console.log('langNames:', langNames); // => "jsx" | "ts" | "js" | "tsx"
`
`jsx
import CodeMirror from '@uiw/react-codemirror';
import { langs } from '@uiw/codemirror-extensions-langs';
function App() {
return
}
export default App;
`
`jsx
import CodeMirror from '@uiw/react-codemirror';
import { loadLanguage } from '@uiw/codemirror-extensions-langs';
function App() {
return
}
export default App;
`
`js
import { EditorView } from '@codemirror/view';
import { EditorState } from '@codemirror/state';
import { loadLanguage, langs } from '@uiw/codemirror-extensions-langs';
const state = EditorState.create({
doc: 'my source code',
extensions: [langs.jsx()],
});
const view = new EditorView({
parent: document.querySelector('#editor'),
state,
});
`

`jsx
import CodeMirror from '@uiw/react-codemirror';
import { StreamLanguage } from '@codemirror/language';
import { go } from '@codemirror/legacy-modes/mode/go';
const goLang = package main
import "fmt"
func main() {
fmt.Println("Hello, 世界")
};
export default function App() {
return
}
`
- ~~@codemirror/legacy-modes/mode/cpp~~ => @codemirror/lang-cpp@codemirror/legacy-modes/mode/html
- ~~~~ => @codemirror/lang-html@codemirror/legacy-modes/mode/java
- ~~~~ => @codemirror/lang-java@codemirror/legacy-modes/mode/go
- ~~~~ => @codemirror/lang-go@codemirror/legacy-modes/mode/javascript
- ~~~~ => @codemirror/lang-javascript@codemirror/legacy-modes/mode/json
- ~~~~ => @codemirror/lang-json@codemirror/legacy-modes/mode/lezer
- ~~~~ => @codemirror/lang-lezer@codemirror/legacy-modes/mode/markdown
- ~~~~ => @codemirror/lang-markdown@codemirror/legacy-modes/mode/php
- ~~~~ => @codemirror/lang-php@codemirror/legacy-modes/mode/python
- ~~~~ => @codemirror/lang-python@codemirror/legacy-modes/mode/rust
- ~~~~ => @codemirror/lang-rust@codemirror/legacy-modes/mode/sql
- ~~~~ => @codemirror/lang-sql@codemirror/legacy-modes/mode/xml
- ~~~~ => @codemirror/lang-xml@codemirror/legacy-modes/mode/css
- ~~~~ => @codemirror/lang-less@codemirror/legacy-modes/mode/sass
- ~~~~ => @codemirror/lang-sass@codemirror/legacy-modes/mode/clojure
- ~~~~ => @nextjournal/lang-clojure@codemirror/legacy-modes/mode/clike
- ~~~~ => @replit/codemirror-lang-csharp`
As always, thanks to our amazing contributors!
Made with github-action-contributors.
Licensed under the MIT License.