React Table Editor

usage

import * as React from 'react';
import { TableEditor } from 'react-table-editor'
import { render } from 'react-dom'

const html = `<table>
  <tr>
    <th>test</th>
    <th>test</th>
    <th>test</th>
  </tr>
  <tr>
    <td>test</td>
    <td>test</td>
    <td>test</td>
  </tr>
  <tr>
    <td>test</td>
    <td>test</td>
    <td>test</td>
  </tr>
</table>`

const btns = [
  {
    tag: 'strong',
    className: 'hoge',
    icon: <span>ボタン</span>
  },
  {
    tag: 'a',
    className: 'test',
    icon: <span>リンク</span>
  }
]

render(<TableEditor
  html={html}
  btns={btns}
  onChange={html => console.log(html)}
/>, document.getElementById('main'));

Special Thanks

This repository was made thanks to Karakuri!!

https://karakuri.ai/