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!

Usage

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.