oom-editor
Version:
Awsome markdown editor for oom community!
67 lines (65 loc) • 1.72 kB
Markdown
# oom markdown editor
This is.... Awesome markdown editor!
# How to use oom editor?
```shell
npm i oom-editor
```
```typescript
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!
```typescript
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