Code Drawing Base Kit

platejs.org/view/code-drawing-demo
Live demo

Installation

No MCP yet? Connect your agent.

Add BaseCodeDrawingKit to the editor's plugin array. The kit keeps its node renderers and feature plugins together.

import { createSlateEditor } from "platejs";
import { BaseCodeDrawingKit } from "@/components/editor/plugins/code-drawing-base-kit";

const editor = createSlateEditor({
  plugins: [...BaseCodeDrawingKit],
});

Related items

Requires