mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-17 10:06:17 +08:00
QiShaoXuan
23 lines
610 B
TypeScript
23 lines
610 B
TypeScript
import React, { useEffect, useRef } from 'react';
|
|
import { useEditor } from '@/providers/editor-provider';
|
|
|
|
export const Editor = () => {
|
|
const editorContainer = useRef<HTMLDivElement>(null);
|
|
const { editor, onHistoryUpdated } = useEditor();
|
|
const ref = useRef<any>();
|
|
useEffect(() => {
|
|
if (editor && ref.current?.page.id !== editor?.page.id) {
|
|
ref.current?.remove();
|
|
ref.current = editor;
|
|
|
|
editorContainer.current?.appendChild(editor);
|
|
}
|
|
}, [editor]);
|
|
|
|
return (
|
|
<div id="editor" style={{ height: '100%' }} ref={editorContainer}></div>
|
|
);
|
|
};
|
|
|
|
export default Editor;
|