draft-js-plugin-buttons: Support sub and sup buttons + custom button

Hi, it would be great if draft-js-buttons could have support for sub and sup buttons. Also, it would be nice if there was a function to create custom buttons where one could extend the click event to handle external stuff like file uploads etc.

This is the code I use today to get sub/sup:

import React from 'react'

import createInlineStyleButton from 'draft-js-buttons/lib/utils/createInlineStyleButton'

export default createInlineStyleButton({
  style: 'SUBSCRIPT',
  children: (
    <div className="SubButton-button ToolbarButton-button">
      x<sub>2</sub>
    </div>
  )
})
import React from 'react'

import createInlineStyleButton from 'draft-js-buttons/lib/utils/createInlineStyleButton'

export default createInlineStyleButton({
  style: 'SUPERSCRIPT',
  children: (
    <div className="SupButton-button ToolbarButton-button">
      x<sup>2</sup>
    </div>
  )
})

And also in the editor customStyleFn:

<Editor  ....
              customStyleMap={ {
                SUBSCRIPT: { fontSize: '0.6em', verticalAlign: 'sub' },
                SUPERSCRIPT: { fontSize: '0.6em', verticalAlign: 'super' }
              }} />

[juliankrispel]

@tarjei wanna make a pr to add those buttons? Would be happy to merge that in 👍

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.