CodeMirror Editor

component

A CodeMirror 6 editor component for notebook cells with syntax highlighting, key bindings, and language support for Python, IPython (with magics and shell commands), Markdown, SQL, HTML, JavaScript, TypeScript, and JSON.

pnpm dlx shadcn@latest add "https://nteract-elements.vercel.app/r/codemirror-editor.json"

Sign In

CodeMirror Editor

component

A CodeMirror 6 editor component for notebook cells with syntax highlighting, key bindings, and language support for Python, IPython (with magics and shell commands), Markdown, SQL, HTML, JavaScript, TypeScript, and JSON.

pnpm dlx shadcn@latest add "https://nteract-elements.vercel.app/r/codemirror-editor.json"

components/editor/codemirror-editor.tsx