@lexical/react
Version:
This package provides Lexical components and hooks for React applications.
38 lines (32 loc) • 1.27 kB
JavaScript
/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
import { registerLexicalTextEntity } from '@lexical/text';
import { mergeRegister } from 'lexical';
import { useEffect } from 'react';
/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*/
/**
* Registers a text entity on the current editor: text matched by `getMatch` is
* automatically wrapped in instances of `targetNode` (created via `createNode`)
* and unwrapped when it no longer matches. This is the React wrapper around
* `registerLexicalTextEntity` and is the basis for features such as hashtags
* and mentions.
*/
function useLexicalTextEntity(getMatch, targetNode, createNode) {
const [editor] = useLexicalComposerContext();
useEffect(() => {
return mergeRegister(...registerLexicalTextEntity(editor, getMatch, targetNode, createNode));
}, [createNode, editor, getMatch, targetNode]);
}
export { useLexicalTextEntity };