Puck Rich Text Component

A rich text component with inline editor for use with Puck

Demo

Visit https://puck-rich-text.tohuhono.com to try the demo.

Documentation

This is it! Visit https://puckeditor.com to view the full Puck documentation.

Install

npm i @tohuhono/puck-rich-text --save

Next.js 14

In your Puck config:

// Puck.config.tsx
import type { Config } from "@measured/puck"
import { PuckRichText, PuckRichTextProps } from "@tohuhono/puck-rich-text"

export const config: Config<{
  PuckRichText: PuckRichTextProps
}> = {
  components: {
    PuckRichText
  }
}

Next.js 13

To avoid nextjs import the incorrect render library you need to use the legacy import

// Puck.config.tsx
import type { Config } from "@measured/puck"
import { PuckRichText, PuckRichTextProps } from "@tohuhono/puck-rich-text/legacy"

export const config: Config<{
  PuckRichText: PuckRichTextProps
}> = {
  components: {
    PuckRichText
  }
}

License

MIT © Tohuhono ltd