Edit Code

edit-code

编辑配置文件

API

参数名 说明 必填 类型 默认值 备注

DEMO 列表

Simple Usage

Edit Code 本 Demo 演示一行文字的用法。

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import EditCode from '@wx-rock/edit-code';


class App extends Component {

  render() {

    return (
    
      <div>

        < EditCode
            lang="json" 
            height={500}
            value={
`{
    "name": "zhichaoxu", 
    "gender": "male"
}`}
            onSave={val => {
                console.log(val)
            }}
            onChange={val => {
                console.log(val)
            }}/>
      </div>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);