MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

rich text editor update

This commit is contained in:
Diamantis Tziotzios 2024-05-31 09:58:22 +03:00
parent 6b33fa2f66
commit 0fe7d693e4
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.ts
View File

@ -23,7 +23,7 @@ import { Subscription } from "rxjs";
changeDetection: ChangeDetectionStrategy.OnPush changeDetection: ChangeDetectionStrategy.OnPush
}) })
export class RichTextEditorComponent implements OnInit, OnChanges, OnDestroy { export class RichTextEditorComponent implements OnInit, OnChanges, OnDestroy {
@Input() form: FormControl; @Input() form: FormControl;
@Input() id: string = "editor1"; @Input() id: string = "editor1";
@Input() placeholder: string = "Enter text"; @Input() placeholder: string = "Enter text";
@ -57,7 +57,8 @@ export class RichTextEditorComponent implements OnInit, OnChanges, OnDestroy {
{ name: 'H3 header', class: '', tag: 'h3' }, { name: 'H3 header', class: '', tag: 'h3' },
{ name: 'H4 header', class: '', tag: 'h4' }, { name: 'H4 header', class: '', tag: 'h4' },
{ name: 'H5 header', class: '', tag: 'h5' }, { name: 'H5 header', class: '', tag: 'h5' },
{ name: 'H6 header', class: '', tag: 'h6' } { name: 'H6 header', class: '', tag: 'h6' },
{ name: 'Highlight', class: '', tag: 'mark' }
], ],
toolbarHiddenButtons: [ toolbarHiddenButtons: [
[ [
@ -66,12 +67,16 @@ export class RichTextEditorComponent implements OnInit, OnChanges, OnDestroy {
], ],
[ [
'fontSize', 'fontSize',
// 'backgroundColor', 'backgroundColor',
// 'customClasses', // 'customClasses',
'insertImage', 'insertImage',
'insertVideo', 'insertVideo',
// 'removeFormat', // 'removeFormat',
'toggleEditorMode' 'toggleEditorMode'
],
[
'indent',
'outdent'
] ]
] ]
}; };
@ -109,7 +114,7 @@ export class RichTextEditorComponent implements OnInit, OnChanges, OnDestroy {
this.formTouchSubscription = this.formTouchEvent this.formTouchSubscription = this.formTouchEvent
.subscribe( .subscribe(
next => { next => {
if(next) { if (next) {
this.form.markAsTouched(); this.form.markAsTouched();
this.form.updateValueAndValidity(); this.form.updateValueAndValidity();
} }