代码编译和维护在React中使用CodeMirror

阅读量：

初次接触codemirror的使用心得，附带完整代码示例

实现效果展示

复制代码

    yarn add codemirror

复制代码

 import CodeMirror from 'codemirror';

    
 import 'codemirror/lib/codemirror.css'

options配置

复制代码

 lineNumbers:true//是否显示左侧行号

    
 firstLineNumber: 1//从哪个数字开始计数行。默认值为 1。

2. 编码模式

该模式详情可参阅 https://codemirror.net/mode/

复制代码

 import "codemirror/mode/python/python.js";

    
  
    
 mode: "python", // 要使用的模式//https://codemirror.net/m

还没有任何评论哟~