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: add pictures extension to editor and canva

Browse source
This commit is contained in:
swve 2022-12-13 18:18:51 +01:00
parent 643d4ae2e7
commit 5eb9101084
11 changed files with 243 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
front/components/Editor/Editor.tsx
View file

@ -15,6 +15,7 @@ import Avvvatars from "avvvatars-react";
// extensions
import InfoCallout from "./Extensions/Callout/Info/InfoCallout";
import WarningCallout from "./Extensions/Callout/Warning/WarningCallout";
import ImageBlock from "./Extensions/Image/ImageBlock";
interface Editor {
content: string;
@ -30,6 +31,7 @@ function Editor(props: Editor) {
const editor: any = useEditor({
editable: true,
extensions: [
StarterKit.configure({
// The Collaboration extension comes with its own history handling
@ -41,6 +43,10 @@ function Editor(props: Editor) {
WarningCallout.configure({
editable: true,
}),
ImageBlock.configure({
editable: true,
element: props.element
}),
// Register the document with Tiptap
// Collaboration.configure({
// document: props.ydoc,
@ -244,7 +250,8 @@ const EditorContentWrapper = styled.div`
.ProseMirror {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 6px;
padding-bottom: 20px;
padding-top: 1px;
&:focus {
outline: none !important;