@edstash/react-neptune-text-editor

Install

yarn add @edstash/react-neptune-text-editor

Usage

import EditorView, { EditorRef } from '@edstash/react-neptune-text-editor'

const editorRef = useRef<EditorRef>(null)

useEffect(() => {
  setTimeout(() => {
    const htmlContent = editorRef?.current?.getHtml()
    console.debug(htmlContent)
  }, 3500)
})

<EditorView
  ref={editorRef}
  placeholder={'<p>Hello World 1! 🌎️🌎️</p>'}
/>

Tiptap Extensions added

Highlight

• @tiptap/extension-highlight

Task List

• @tiptap/extension-task-list
• @tiptap/extension-task-item

Font Family

• @tiptap/extension-text-style
• @tiptap/extension-font-family

Available commands

// start dev servers for /src
yarn start

//Go to /example
yarn start

// publish to npm

License

Heng Sok