@uiw/codemirror-extensions-langs
v4.25.4TypeScript
Load languages Extensions for CodeMirror6.
0/weekUpdated 1 months agoMITUnpacked: 89.6 KB
Published by kenny wong
npm install @uiw/codemirror-extensions-langs
Load languages Extensions
Load languages Extensions for CodeMirror6.
Install
``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"
`
Usage
`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,
});
`
Support Language
`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/lang-html
- ~~~~ => @codemirror/lang-java
- ~~~~ => @codemirror/lang-go
- ~~~~ => @codemirror/lang-javascript
- ~~~~ => @codemirror/lang-json
- ~~~~ => @codemirror/lang-lezer
- ~~~~ => @codemirror/lang-markdown
- ~~~~ => @codemirror/lang-php
- ~~~~ => @codemirror/lang-python
- ~~~~ => @codemirror/lang-rust
- ~~~~ => @codemirror/lang-sql
- ~~~~ => @codemirror/lang-xml
- ~~~~ => @codemirror/lang-less
- ~~~~ => @codemirror/lang-sass
- ~~~~ => @nextjournal/lang-clojure
- ~~~~ => @replit/codemirror-lang-csharp`
Contributors
As always, thanks to our amazing contributors!
Made with github-action-contributors.
License
Licensed under the MIT License.