Features

Code Blocks

Add code blocks to your editor with syntax highlighting

Pilot uses tiptap-extension-code-block-shiki to provide Shiki syntax highlighting for code blocks.

Bundle Size

Troubleshooting

If tabs are not being rendered correctly, ensure that the .tiptap pre element has it's whitespace CSS property set to pre.

/* CSS */
.tiptap pre {
  white-space: pre;
}

/* Tailwind CSS */
.tiptap pre {
  @apply whitespace-pre;
}