JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 13
  • Score
    100M100P100Q50638F
  • License MIT

Notion-style WYSIWYG editor

Package Exports

  • react-notion-wysiwyg
  • react-notion-wysiwyg/dist/cjs/index.js
  • react-notion-wysiwyg/dist/esm/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-notion-wysiwyg) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Wysiwyg demo

DEMO

Use and Setup

yarn add react-notion-wysiwyg or npm install --save react-notion-wysiwyg

Params:

Prop Type Description Default
editable(optional) boolean This property is used to change the editor mode from "preview" to "edit" mode. true
mode(optional) light or dark This prop is used to change the editor theme palette. light
defaultValue(optional) JSONContent or string The default value to use for the editor. defaultEditorContent
onUpdate (editor: EditorType) => void or Promise<void> A callback function that is called whenever the editor is updated () => {}
onUploadImage (file: File) => string or Promise<string> A callback function that is called whenever the image upload () => {}

Tech Stack

License

Licensed under the MIT license