From 6a9a33d0de3e76a283d48491e6f2528af857805b Mon Sep 17 00:00:00 2001
From: Sergey Andrievskiy <yggg@users.noreply.github.com>
Date: Fri, 23 Aug 2019 19:55:54 +0300
Subject: [PATCH] fix(tinymce): set absolute path for skin url (#5491)

---
 .../components/tiny-mce/tiny-mce.component.ts | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/app/@theme/components/tiny-mce/tiny-mce.component.ts

diff --git a/src/app/@theme/components/tiny-mce/tiny-mce.component.ts b/src/app/@theme/components/tiny-mce/tiny-mce.component.ts
new file mode 100644
index 00000000..fc7e2c02
--- /dev/null
+++ b/src/app/@theme/components/tiny-mce/tiny-mce.component.ts
@@ -0,0 +1,37 @@
+import { Component, OnDestroy, AfterViewInit, Output, EventEmitter, ElementRef } from '@angular/core';
+import { LocationStrategy } from '@angular/common';
+
+@Component({
+  selector: 'ngx-tiny-mce',
+  template: '',
+})
+export class TinyMCEComponent implements OnDestroy, AfterViewInit {
+
+  @Output() editorKeyup = new EventEmitter<any>();
+
+  editor: any;
+
+  constructor(
+    private host: ElementRef,
+    private locationStrategy: LocationStrategy,
+  ) { }
+
+  ngAfterViewInit() {
+    tinymce.init({
+      target: this.host.nativeElement,
+      plugins: ['link', 'paste', 'table'],
+      skin_url: `${this.locationStrategy.getBaseHref()}assets/skins/lightgray`,
+      setup: editor => {
+        this.editor = editor;
+        editor.on('keyup', () => {
+          this.editorKeyup.emit(editor.getContent());
+        });
+      },
+      height: '320',
+    });
+  }
+
+  ngOnDestroy() {
+    tinymce.remove(this.editor);
+  }
+}