# react-unicode-editor

> React Unicode Editor is a react editor component that includes unicode formatting and variables blocks.

Latest version **0.2.0** (published 2021-08-03) · 0 weekly downloads

## Install

```sh
npm install react-unicode-editor
pnpm add react-unicode-editor
yarn add react-unicode-editor
bun add react-unicode-editor
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.0 |
| Published | 2021-08-03 |
| First published | 2021-07-05 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 78.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Jazz Brown |
| Maintainers | jazzbrown1 |

## Links

- npm: https://www.npmjs.com/package/react-unicode-editor
- Repository: https://github.com/JazzBrown1/react-unicode-editor
- Homepage: https://github.com/JazzBrown1/react-unicode-editor#readme
- Issues: https://github.com/JazzBrown1/react-unicode-editor/issues
- npm.io page: https://npm.io/package/react-unicode-editor

## Recent versions

- 0.2.0 (latest) — 2021-08-03
- 0.1.1 — 2021-07-05

## README

# react-unicode-editor

React Unicode Editor is a react editor component that includes unicode formatting and variables blocks.

The primary use case for this component is for marketing apps that target social media, push and text message communications.

This component works on all modern browsers, but does not support Internet Explorer!

## [Check out the demo!](https://jazzbrown1.github.io/react-unicode-editor/)

### Usage

```jsx
const App = () => {
  const [disabled, setDisabled] = useState(false);
  const [mounted, setMounted] = useState(true);
  const [unicodeState, setUnicodeState] = useState([]);
  const unicodeEditorRef = useRef(null);

  return (
    <ReactUnicodeEditor
      startValue={unicodeState}
      onChange={(state) => { setUnicodeState(state) }}
      ref={unicodeEditorRef}
      textareaStyle={{ minHeight: 100, backgroundColor: 'blue' }}
      disabled={disabled}
      throttle
      throttleInterval={300}
    />
  )
}
```

Please see the example for full usage.

#### If you find any issues please raise on the issues page on github.

---
_Source: https://npm.io/package/react-unicode-editor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._