oom markdown editor

This is.... Awesome markdown editor!

How to use oom editor?

npm i oom-editor

import {
  EditorTextAreaProvider, 
  EditorTitleProvider, 
  EditorTitleView, 
  EditorTextAreaContainer, 
  BoldButtonType, 
  CodeBlockButtonType
} from 'oom-editor'

function App() {
  return (
    <div className="App">
      <EditorTitleProvider>
        <EditorTitleView/>
      </EditorTitleProvider>
      <EditorTextAreaProvider>
        <EditorTextAreaContainer
          buttonTypes={[BoldButtonType, CodeBlockButtonType]}
          width={300}
          height={500}/>
      </EditorTextAreaProvider>
    </div>
  );
}

Flexible buttons!

import {
  EditorTextAreaProvider, 
  EditorTitleProvider, 
  EditorTitleView, 
  EditorTextAreaContainer, 
  BoldButtonType, 
  CodeBlockButtonType
} from 'oom-editor'

function App() {
  return (
    <div className="App">
      <EditorTitleProvider>
        <EditorTitleView/>
      </EditorTitleProvider>
      <EditorTextAreaProvider>
        <EditorTextAreaContainer buttonTypes={[
          BoldButtonType, CodeBlockButtonType, ItalicButtonType, /*LargeHeadingButtonType, StrengthButtonType, QuoteButtonType*/
        ]} 
        width={300}
        height={500}/>
      </EditorTextAreaProvider>
    </div>
  );
}

Button types!

• BoldButtonType: Append to editor bold markdown format
• CodeBlockButtonType: Append to editor codeblock markdown format
• ItalicButtonType: Append to editor italic markdown format
• LargeHeadingButtonType: Append to editor heading markdown format
• QuoteButtonType: Append to editor quote markdown format
• StrengthButtonType: Append to editor strength format