在react中使用 CodeMirror 自己制作在线代码编辑器
官网CodeMirror下载npm install codemirror使用import React,{useEffect,useRef} from 'react'importCodeMirror from'codemirror'import 'codemirror/lib/codemirror.css';function Test () {const textareaRef=useRef()us
·
官网
CodeMirror
下载
npm install codemirror
使用
import React,{useEffect,useRef} from 'react'
import CodeMirror from 'codemirror'
import 'codemirror/lib/codemirror.css';
function Test () {
const textareaRef=useRef()
useEffect(()=>{
let editor = CodeMirror.fromTextArea(textareaRef.current, {
lineNumbers: true
});
},[])
return(
<>
<textarea ref={textareaRef}/>
</>
)
}
export default Test
效果

更多推荐


所有评论(0)