@lexical/html NPM

`@lexical/html`

HTML

This package exports utility functions for converting Lexical -> HTML and HTML -> Lexical. These same functions are also used in the lexical-clipboard package for copy and paste.

Full documentation can be found here.

Exporting

// In a headless mode, you need to initialize a headless browser implementation such as JSDom.
const dom = new JSDOM();
// @ts-expect-error
global.window = dom.window;
global.document = dom.window.document;
// You may also need to polyfill DocumentFragment or navigator in certain cases.

// When converting to HTML you can pass in a selection object to narrow it
// down to a certain part of the editor's contents.
const htmlString = $generateHtmlFromNodes(editor, selection | null);

Importing

First we need to parse the HTML string into a DOM instance.

// In the browser you can use the native DOMParser API to parse the HTML string.
const parser = new DOMParser();
const dom = parser.parseFromString(htmlString, textHtmlMimeType);

// In a headless environment you can use a package such as JSDom to parse the HTML string.
const dom = new JSDOM(htmlString);

And once you have the DOM instance.

const nodes = $generateNodesFromDOM(editor, dom);

// Once you have the lexical nodes you can initialize an editor instance with the parsed nodes.
const editor = createEditor({ ...config, nodes });

// Or insert them at a selection.
$insertNodes(nodes);

lexical editor rich-text html

@lexical/selection @lexical/utils lexical

@everything-registry/sub-chunk-545 svelte-lexical-dev svelte-lexical writly @crystallize/design-system @blocklet/editor mirpayload ui-rich-editor @ainsleydev/payload-helper @arkitektbedriftene/fe-lib @banx9x/react-editor @ai-stack/payloadcms @cc-apps/core @centreon/ui @21epub-ui/comments @21epub-ui/text-editor 5htp-core @coinvoice/lexical-playground @bowline/svelte-lexical @dcorp/web-editor @copus/editor @gtplan/react-components @lexp/ui @lexp/ui-t @lexical/clipboard @lexical/devtools-core @nagwa-limited/html-editor-v2 @equinor/ioc-common-frontend @enlightngo/iwe @maketribe/ms-app @jitera/jitera-web-ui-library @imseanpan/kg-html-to-lexical @idstory-idm/rich-text @paddim8/svelte-lexical @seolhun/root-editor @selfcommunity/react-ui opie-lexical-editor payload-plugin-lexical react-email-builder s31-editor nomion-rich-editor rexical rex-editor quest-editor shepherd-editor inscribe-editor lexical-email-editor-react lexical-solid lexical-svelte-runes lexical-vue @wiztype/clipboard @workwave-tidal/core @webiny/lexical-converter @tryghost/kg-html-to-lexical @tiller-ds/form-elements-advanced @unicornhatch/text-editor @tohuhono/puck-rich-text @toptal/picasso-rich-text-editor @triniti/cms @zalastax/nolb-_lex @techstack/lexical create-exo-frontend-template @shefing/comments @shopnex/cj-plugin

0.19.1-nightly.20241101.0

7 months ago

0.19.1-nightly.20241031.0

8 months ago

0.19.1-nightly.20241030.0

8 months ago

0.19.1-nightly.20241029.0

8 months ago

0.19.0

8 months ago

0.18.1-nightly.20241028.0

8 months ago

0.18.1-nightly.20241025.0

8 months ago

0.18.1-nightly.20241023.0

8 months ago

0.18.1-nightly.20241024.0

8 months ago

0.18.1-nightly.20241022.0

8 months ago

0.18.1-nightly.20241018.0

8 months ago

0.18.1-nightly.20241017.0

8 months ago

0.18.1-nightly.20241021.0

8 months ago

0.18.1-nightly.20241016.0

8 months ago

0.18.1-nightly.20241015.0

8 months ago

0.18.1-nightly.20241011.0

8 months ago

0.18.1-nightly.20241004.0

8 months ago

0.18.1-nightly.20241008.0

8 months ago

0.18.1-nightly.20241014.0

8 months ago

0.18.1-nightly.20241010.0

8 months ago

0.18.0

9 months ago

0.18.1-nightly.20241003.0

8 months ago

0.18.1-nightly.20241007.0

8 months ago

0.18.1-nightly.20240930.0

9 months ago

0.18.1-nightly.20240927.0

9 months ago

0.18.1-nightly.20241002.0

8 months ago

0.17.2-nightly.20240926.0

9 months ago

0.18.1-nightly.20241009.0

8 months ago

0.18.1-nightly.20241001.0

9 months ago

0.17.2-nightly.20240924.0

9 months ago

0.17.2-nightly.20240925.0

9 months ago

0.17.2-nightly.20240923.0

9 months ago

0.17.2-nightly.20240917.0

9 months ago

0.17.2-nightly.20240920.0

9 months ago

0.17.2-nightly.20240918.0

9 months ago

0.17.2-nightly.20240919.0

9 months ago

0.17.2-nightly.20240916.0

9 months ago

0.17.2-nightly.20240913.0

9 months ago

0.17.2-nightly.20240912.0

9 months ago

0.17.2-nightly.20240910.0

9 months ago

0.17.2-nightly.20240911.0

9 months ago

0.17.2-nightly.20240909.0

9 months ago

0.17.2-nightly.20240905.0

9 months ago

0.17.2-nightly.20240906.0

9 months ago

0.17.2-nightly.20240904.0

9 months ago

0.17.2-nightly.20240903.0

9 months ago

0.17.2-nightly.20240902.0

9 months ago

0.17.2-nightly.20240830.0

10 months ago

0.17.2-nightly.20240829.0

10 months ago

0.17.2-nightly.20240828.0

10 months ago

0.17.1

10 months ago

0.17.2-nightly.20240827.0

10 months ago

0.17.1-nightly.20240819.0

10 months ago

0.16.2-nightly.20240731.0

11 months ago

0.16.2-nightly.20240716.0

11 months ago

0.16.2-nightly.20240712.0

11 months ago

0.16.1-nightly.20240621.0

12 months ago

0.16.2-nightly.20240709.0

11 months ago

0.17.1-nightly.20240822.0

10 months ago

0.17.0

11 months ago

0.17.1-nightly.20240826.0

10 months ago

0.16.1-nightly.20240625.0

12 months ago

0.17.1-nightly.20240807.0

10 months ago

0.16.2-nightly.20240705.0

11 months ago

0.16.2-nightly.20240724.0

11 months ago

0.16.1-nightly.20240610.0

1 year ago

0.16.1-nightly.20240618.0

12 months ago

0.17.1-nightly.20240814.0

10 months ago

0.16.1-nightly.20240614.0

12 months ago

0.16.2-nightly.20240717.0

11 months ago

0.16.1-nightly.20240620.0

12 months ago

0.17.1-nightly.20240802.0

11 months ago

0.17.1-nightly.20240821.0

10 months ago

0.17.1-nightly.20240806.0

10 months ago

0.16.1-nightly.20240628.0

12 months ago

0.16.1-nightly.20240624.0

12 months ago

0.16.2-nightly.20240729.0

11 months ago

0.16.2-nightly.20240725.0

11 months ago

0.16.2-nightly.20240702.0

12 months ago

0.17.1-nightly.20240813.0

10 months ago

0.16.1-nightly.20240613.0

1 year ago

0.16.2-nightly.20240710.0

11 months ago

0.16.2-nightly.20240718.0

11 months ago

0.17.1-nightly.20240820.0

10 months ago

0.17.1-nightly.20240805.0

10 months ago

0.16.1-nightly.20240627.0

12 months ago

0.17.1-nightly.20240809.0

10 months ago

0.16.2-nightly.20240726.0

11 months ago

0.16.2-nightly.20240722.0

11 months ago

0.16.2-nightly.20240703.0

12 months ago

0.16.2-nightly.20240719.0

11 months ago

0.17.1-nightly.20240812.0

10 months ago

0.17.1-nightly.20240816.0

10 months ago

0.16.2-nightly.20240801.0

11 months ago

0.16.1-nightly.20240612.0

1 year ago

0.16.1-nightly.20240619.0

12 months ago

0.16.2-nightly.20240730.0

11 months ago

0.16.2-nightly.20240715.0

11 months ago

0.16.2-nightly.20240711.0

11 months ago

0.16.2-nightly.20240708.0

11 months ago

0.17.1-nightly.20240823.0

10 months ago

0.16.0

1 year ago

0.16.1

12 months ago

0.16.1-nightly.20240626.0

12 months ago

0.17.1-nightly.20240808.0

10 months ago

0.16.2-nightly.20240704.0

11 months ago

0.16.1-nightly.20240701.0

12 months ago

0.16.2-nightly.20240723.0

11 months ago

0.16.1-nightly.20240611.0

1 year ago

0.17.1-nightly.20240815.0

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

2 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago