diff --git a/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.ts b/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.ts index ed45c1967..edaf1dd56 100644 --- a/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.ts +++ b/dmp-frontend/src/app/library/rich-text-editor/rich-text-editor.component.ts @@ -8,7 +8,8 @@ import {FormControl} from "@angular/forms";
+ placeholder="{{(placeholder? (placeholder | translate) : '') + (required ? ' *': '')}}" + (paste)="pasteWithoutFormatting($event)"> close
`, @@ -40,6 +41,14 @@ export class RichTextEditorComponent { defaultFontSize: '', sanitize: true, toolbarPosition: 'top', + customClasses: [ + { name: 'H1 header', class: '', tag: 'h1' }, + { name: 'H2 header', class: '', tag: 'h2' }, + { name: 'H3 header', class: '', tag: 'h3' }, + { name: 'H4 header', class: '', tag: 'h4' }, + { name: 'H5 header', class: '', tag: 'h5'}, + { name: 'H6 header', class: '', tag: 'h6'} + ], toolbarHiddenButtons: [ [ 'heading', @@ -48,10 +57,10 @@ export class RichTextEditorComponent { [ 'fontSize', 'backgroundColor', - 'customClasses', + // 'customClasses', 'insertImage', 'insertVideo', - 'removeFormat', + // 'removeFormat', 'toggleEditorMode' ] ] @@ -64,4 +73,10 @@ export class RichTextEditorComponent { ngAfterContentInit() { this.editorConfig.editable = this.editable; } + + pasteWithoutFormatting($event) { + $event.preventDefault(); + const text = $event.clipboardData.getData("text/plain"); + window.document.execCommand("insertText", false, text); + } }