import 'jk-react-markdown/dist/jk-react-markdown.css'
import Editor from 'jk-react-markdown'

const buttons = [
  'b', 'i', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'ul', 'ol',
  'a', 'img', 'code'
]

<Editor
  value={ this.state.value }
  onChange={ this.onChange }
  buttons={ buttons }
/>

import 'jk-react-markdown/dist/jk-react-markdown.css'
import Editor from 'jk-react-markdown'
import insertStr from 'jk-react-markdown/src/libs/insertStr'

onClickImg = (ctx) => {
  const customPath = prompt('URL', 'https://')
  if (!customPath) return
  const newText = insertStr({
    text: ctx.text,
    position: ctx.position,
    str: `![](${customPath})`
  })
  this.onChange(newText)
}

<Editor
  value={ this.state.value }
  onChange={ this.onChange }
  onClickImg={ this.onClickImg }
/>

let styles = {
  editor: {borderColor: '#2c3e50'},
  result: {borderColor: '#2c3e50'},
  panel: {backgroundColor: '#2c3e50'}
}