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