Skip to content

Latest commit

 

History

History
22 lines (12 loc) · 1.15 KB

README.md

File metadata and controls

22 lines (12 loc) · 1.15 KB

lexical-inline-image-plugin

An example inline-image plugin for Lexical

screenshot of Lexical editor inline image plugin

Setup

npm install

npm run dev

Notes

This is a copy of the Lexical Playground project with quite a few nodes and plugins removed.

The InlineImagePlugin was based initially on the Playground ImagesPlugin - and then adapted accordingly.

The UI and modals for the InlineImage plugin are a bit of a hack (Checkbox and Select in particular) since the actual UI of the editor would likely be set in the admin interface of the host application.

The img src is base64 encoded (as in the Playground example). A 'real' implementation would add one or more sources from the host application, likely as part of a responsive image strategy.

Enjoy!