@lobehub/editor
Version:
A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.
32 lines • 1.01 kB
JavaScript
import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
import { jsx as _jsx } from "react/jsx-runtime";
export var LexicalPortalContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
var editor = _ref.editor,
node = _ref.node,
children = _ref.children;
var divRef = useRef(null);
useImperativeHandle(ref, function () {
return divRef.current;
}, []);
useEffect(function () {
return function () {
if (divRef.current) {
// @ts-expect-error not error
delete divRef.current["__lexicalKey_".concat(editor._key)];
}
};
}, [editor, node]);
return /*#__PURE__*/_jsx("div", {
ref: function ref(dom) {
divRef.current = dom;
if (dom) {
var prop = "__lexicalKey_".concat(editor._key);
// @ts-expect-error not error
dom[prop] = node.getKey();
}
},
children: children
});
});
LexicalPortalContainer.displayName = 'LexicalPortalContainer';
export default LexicalPortalContainer;