From c5690274607540675daeb0c9962d65676cb981ec Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Mon, 16 May 2022 18:32:09 +0200
Subject: [PATCH] Fix TextEditor cloze mode
---
.../src/app/text-editor/rich-text-editor.component.ts | 11 ++++++-----
1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/projects/editor/src/app/text-editor/rich-text-editor.component.ts b/projects/editor/src/app/text-editor/rich-text-editor.component.ts
index 9b1dad8b1..8460daa70 100644
--- a/projects/editor/src/app/text-editor/rich-text-editor.component.ts
+++ b/projects/editor/src/app/text-editor/rich-text-editor.component.ts
@@ -1,6 +1,6 @@
import {
Component, EventEmitter, Input, Output,
- AfterViewInit, Injector
+ AfterViewInit, Injector, OnInit
} from '@angular/core';
import { Editor } from '@tiptap/core';
import StarterKit from '@tiptap/starter-kit';
@@ -32,7 +32,7 @@ import TextFieldComponentExtension from './angular-node-views/text-field-compone
templateUrl: './rich-text-editor.component.html',
styleUrls: ['./rich-text-editor.component.css']
})
-export class RichTextEditorComponent implements AfterViewInit {
+export class RichTextEditorComponent implements OnInit, AfterViewInit {
@Input() content!: string | Record<string, any>;
@Input() defaultFontSize!: number;
@Input() clozeMode: boolean = false;
@@ -75,16 +75,17 @@ export class RichTextEditorComponent implements AfterViewInit {
Blockquote
];
- editor: Editor;
+ editor: Editor = new Editor({ extensions: this.defaultExtensions });
- constructor(private injector: Injector) {
+ constructor(private injector: Injector) { }
+
+ ngOnInit(): void {
const activeExtensions = this.defaultExtensions;
if (this.clozeMode) {
activeExtensions.push(ToggleButtonComponentExtension(this.injector));
activeExtensions.push(DropListComponentExtension(this.injector));
activeExtensions.push(TextFieldComponentExtension(this.injector));
}
-
this.editor = new Editor({ extensions: activeExtensions });
}
--
GitLab