diff --git a/matsen-tool/src/app/_helpers/api.converter.ts b/matsen-tool/src/app/_helpers/api.converter.ts
index d123b42..de94881 100644
--- a/matsen-tool/src/app/_helpers/api.converter.ts
+++ b/matsen-tool/src/app/_helpers/api.converter.ts
@@ -1,5 +1,11 @@
+import {DomSanitizer, SafeHtml} from "@angular/platform-browser";
+import {Injectable} from "@angular/core";
+
+@Injectable({ providedIn: 'root' })
export class ApiConverter {
+ constructor(private sanitizer: DomSanitizer) {}
+
public static extractId(iri: string | undefined): string {
if (iri !== undefined) {
const iriRegex = /\/(\d+)$/;
@@ -20,4 +26,11 @@ export class ApiConverter {
}
return "";
}
+
+ public getSafeLongtext(longtext: any): SafeHtml {
+ if (longtext) {
+ return this.sanitizer.bypassSecurityTrustHtml(longtext.replace(/\n/g, '
'));
+ }
+ return false;
+ }
}
\ No newline at end of file
diff --git a/matsen-tool/src/app/contacts/contacts-detail/contacts-detail.component.html b/matsen-tool/src/app/contacts/contacts-detail/contacts-detail.component.html
index 8d7c122..d3f9d06 100644
--- a/matsen-tool/src/app/contacts/contacts-detail/contacts-detail.component.html
+++ b/matsen-tool/src/app/contacts/contacts-detail/contacts-detail.component.html
@@ -1,5 +1,5 @@
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt - ut - labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo - dolores - et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. - Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt - ut - labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo - dolores - et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit - amet.
-