oom-editor
TypeScript icon, indicating that this package has built-in type declarations

0.0.9 • Public • Published

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

Package Sidebar

Install

npm i oom-editor

Weekly Downloads

1

Version

0.0.9

License

none

Unpacked Size

492 kB

Total Files

70

Last publish

Collaborators

  • daeyoungnam