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);
+ }
}