Name: Typix
Author: Diyorbek Juraev

Inserts images as full block-level nodes with resize handles, alignment controls (left/center/right/wide/full), captions, and alt text. For drop/paste-to-insert, pair with Drag & Drop Paste.

Install

pnpm add @typix-editor/extension-image

Live demo

Insert programmatically

import { INSERT_IMAGE_COMMAND } from "@typix-editor/extension-image";

editor.lexical.dispatchCommand(INSERT_IMAGE_COMMAND, {
  src: "https://example.com/cat.png",
  altText: "A cat",
});

Node helpers

import {
  $createImageNode,
  $isImageNode,
  type ImageAlignment,
} from "@typix-editor/extension-image";

Vendor the UI

npx typix ui add image

Drag & Drop Paste

Insert images by dropping or pasting.

Image