Editor

The Editor Field provides a full rich text (WYSIWYG) from Kibo UI based on TipTap. Used for formatted content like articles, blog posts, and descriptions.

Installation

Included in Headcode CMS Starter, no setup needed.

Usage

textSection.tsx

export const textSection = {  name: 'text',  label: 'Rich Text',  fields: {    content: EditorField({      label: 'Content',    }),  },};

Options

textSection.tsx

EditorField({  label: 'Body Content',  defaultValue: {    type: 'doc',    content: [      {        type: 'paragraph',        content: [          {            type: 'text',            text: 'Lorem ipsum dolor sit amet...',          },        ],      },    ],  },});