Prebuilt editor configurations that come with custom controls already integrated. Each template is a complete @editorcn/editor setup with specific controls tailored to a use case — just install and go.
Install the base editor and the controls you need, or install everything at once.
Document Editor
Font Family Select · Font Size · Highlight Color Popover
A rich text editor focused on document styling — choose fonts, set text size, and highlight important content.
Install the editor:
$ pnpm dlx shadcn@latest add @editorcn/editorThen install the controls:
$ pnpm dlx shadcn@latest add "https://editorcn.vercel.app/r/custom-controls/font-family-select" "https://editorcn.vercel.app/r/custom-controls/font-size" "https://editorcn.vercel.app/r/custom-controls/highlight-color-popover"Enhanced Editor
Heading Select · Insert Link Dialog · Emoji Menu
A content-creation focused editor with a heading selector, link dialog, and emoji picker.
Install the editor:
$ pnpm dlx shadcn@latest add @editorcn/editorThen install the controls:
$ pnpm dlx shadcn@latest add "https://editorcn.vercel.app/r/custom-controls/heading-select" "https://editorcn.vercel.app/r/custom-controls/insert-link-dialog" "https://editorcn.vercel.app/r/custom-controls/emoji-menu"Full Editor
Heading Select · Font Family Select · Font Size · Insert Link Dialog · Emoji Menu · Highlight Color Popover · Insert Table Dialog
Everything included — all custom controls in a feature-complete editor with a sticky toolbar.
Install the editor:
$ pnpm dlx shadcn@latest add @editorcn/editorThen install all controls at once:
$ pnpm dlx shadcn@latest add "https://editorcn.vercel.app/r/custom-controls"