Make the Code-visualization!
npm install react-codemir> Make the Code-visualization!
This project is generated from npm-template.
react-codemir is a wrapper of codemirror, and i have made some common component-pacakges to easy to use!
$ npm install react-codemir --save or yarn add react-codemir
Here's a quick demostration:
``tsx
// quick sql codemir demostration
import { HoCodeMir } from 'react-codemir'
import 'codemirror/lib/codemirror.css'
import 'codemirror/mode/sql/sql'
// hint auto complete
import 'codemirror/addon/hint/sql-hint.js'
import 'codemirror/addon/hint/show-hint'
import 'codemirror/addon/hint/show-hint.css'
const sql = 'SELECT * FROM user'
function App() {
return (