rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: save element content in DB

Browse source
This commit is contained in:
swve 2022-11-13 19:50:08 +01:00
parent c9de9b4ff6
commit 4e966d9126
4 changed files with 92 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

21
front/components/editor/EditorWithOptions.tsx
View file

@ -5,10 +5,16 @@ import Collaboration from "@tiptap/extension-collaboration";
import CollaborationCursor from "@tiptap/extension-collaboration-cursor";
import { AuthContext } from "../security/AuthProvider";
interface EditorWithOptionsProps {
content: string;
ydoc: any;
provider: any;
setContent: (content: string) => void;
}
function EditorWithOptions(props: any) {
function EditorWithOptions(props: EditorWithOptionsProps) {
const auth: any = React.useContext(AuthContext);
const MenuBar = ({ editor }: any) => {
if (!editor) {
return null;
@ -109,12 +115,11 @@ function EditorWithOptions(props: any) {
);
};
const editor = useEditor({
const editor : any = useEditor({
extensions: [
StarterKit.configure({
// The Collaboration extension comes with its own history handling
history: false,
}),
// Register the document with Tiptap
Collaboration.configure({
@ -129,14 +134,14 @@ function EditorWithOptions(props: any) {
},
}),
],
content: "<p>Hello World!</p>",
});
content: props.content,
});
return (
<div>
File <button onClick={() => props.setContent(editor.getJSON())}>save</button>
<br /><hr />
<MenuBar editor={editor} />
<EditorContent editor={editor} style={{ backgroundColor: "white" }} />
</div>