feat(editor): add self-hosted TinyMCE editor and remove API key

worklenz-frontend/src/app/administrator/components/task-view/task-view-description/task-view-description.component.html

@@ -11,7 +11,6 @@
       class="description-editor"
       [class.editing]="isEditing"
       [init]="CONFIG"
-      [apiKey]="apiKey"
       [(ngModel)]="service.model.task.description"
       (onBlur)="onDescriptionInputBlur()"
       #descriptionEditor

worklenz-frontend/src/app/administrator/components/task-view/task-view-description/task-view-description.component.ts

@@ -25,8 +25,9 @@ export class TaskViewDescriptionComponent implements OnInit, OnDestroy {
   @ViewChild("descriptionInput", {static: false}) descriptionInput!: ElementRef;
   @ViewChild("descriptionEditor", {static: false}) descriptionEditor!: EditorComponent;
 
-  readonly apiKey = "4nquevykvy1i0q0v62ksxuu3nz1muy8i5fsqpj3wp9qm2mgp";
   readonly CONFIG = {
+    base_url: '/tinymce',
+    suffix: '.min',
     plugins: "lists link code wordcount",
     toolbar: 'blocks bold italic underline strikethrough | checklist numlist bullist link | alignleft aligncenter alignright alignjustify',
     menubar: false,

worklenz-frontend/src/app/administrator/components/task-view/task-view.module.ts

@@ -51,7 +51,7 @@ import {NzPopconfirmModule} from 'ng-zorro-antd/popconfirm';
 import {NzCardModule} from "ng-zorro-antd/card";
 import {NzTableModule} from "ng-zorro-antd/table";
 import {NzProgressModule} from "ng-zorro-antd/progress";
-import {EditorModule} from '@tinymce/tinymce-angular';
+import {EditorModule, TINYMCE_SCRIPT_SRC} from '@tinymce/tinymce-angular';
 import {TaskViewTimeLogComponent} from './task-view-time-log/task-view-time-log.component';
 import {NzListModule} from "ng-zorro-antd/list";
 import {NzEmptyModule} from "ng-zorro-antd/empty";
@@ -99,60 +99,61 @@ import {TaskCommentMentionPipe} from "@pipes/task-comment-mention.pipe";
     TaskViewComponent
   ],
   providers: [
-    SearchByNamePipe
+    SearchByNamePipe,
+    { provide: TINYMCE_SCRIPT_SRC, useValue: 'tinymce/tinymce.min.js' }
   ],
-    imports: [
-        CommonModule,
-        NzDrawerModule,
-        NzSkeletonModule,
-        NzFormModule,
-        FormsModule,
-        NzInputModule,
-        NzSelectModule,
-        NzTabsModule,
-        NzTagModule,
-        NzCollapseModule,
-        NzDropDownModule,
-        AvatarsComponent,
-        NzAvatarModule,
-        NzTypographyModule,
-        NzCheckboxModule,
-        SearchByNamePipe,
-        NzToolTipModule,
-        NzDatePickerModule,
-        NzInputNumberModule,
-        NzIconModule,
-        NzBadgeModule,
-        NzDividerModule,
-        FromNowPipe,
-        ReactiveFormsModule,
-        TaskPriorityLabelComponent,
-        NzButtonModule,
-        NzCommentModule,
-        RouterLink,
-        NzSpaceModule,
-        NzMentionModule,
-        NzAffixModule,
-        NzNoAnimationModule,
-        NzPopconfirmModule,
-        NzCardModule,
-        NzTableModule,
-        NzProgressModule,
-        EditorModule,
-        NzListModule,
-        NzEmptyModule,
-        TaskTimerComponent,
-        FirstCharUpperPipe,
-        TaskListAddTaskInputComponent,
-        SafeStringPipe,
-        DateFormatterPipe,
-        NgxDocViewerModule,
-        NzModalModule,
-        NzSpinModule,
-        NzTimelineModule,
-        NzTimePickerModule,
-        TaskCommentMentionPipe
-    ]
+  imports: [
+    CommonModule,
+    NzDrawerModule,
+    NzSkeletonModule,
+    NzFormModule,
+    FormsModule,
+    NzInputModule,
+    NzSelectModule,
+    NzTabsModule,
+    NzTagModule,
+    NzCollapseModule,
+    NzDropDownModule,
+    AvatarsComponent,
+    NzAvatarModule,
+    NzTypographyModule,
+    NzCheckboxModule,
+    SearchByNamePipe,
+    NzToolTipModule,
+    NzDatePickerModule,
+    NzInputNumberModule,
+    NzIconModule,
+    NzBadgeModule,
+    NzDividerModule,
+    FromNowPipe,
+    ReactiveFormsModule,
+    TaskPriorityLabelComponent,
+    NzButtonModule,
+    NzCommentModule,
+    RouterLink,
+    NzSpaceModule,
+    NzMentionModule,
+    NzAffixModule,
+    NzNoAnimationModule,
+    NzPopconfirmModule,
+    NzCardModule,
+    NzTableModule,
+    NzProgressModule,
+    EditorModule,
+    NzListModule,
+    NzEmptyModule,
+    TaskTimerComponent,
+    FirstCharUpperPipe,
+    TaskListAddTaskInputComponent,
+    SafeStringPipe,
+    DateFormatterPipe,
+    NgxDocViewerModule,
+    NzModalModule,
+    NzSpinModule,
+    NzTimelineModule,
+    NzTimePickerModule,
+    TaskCommentMentionPipe
+  ]
 })
 export class TaskViewModule {
 }

worklenz-frontend/src/app/administrator/settings/project-template-edit-view/components/phase-settings-drawer/phase-settings-drawer.component.ts

@@ -4,7 +4,6 @@ import {ProjectTemplateService} from "@services/project-template.service";
 import {PtTaskPhasesApiService} from "@api/pt-task-phases-api.service";
 import {ITaskPhase} from "@interfaces/api-models/task-phase";
 import {PhaseColorCodes} from "@shared/constants";
-import {load} from "@angular-devkit/build-angular/src/utils/server-rendering/esm-in-memory-file-loader";
 
 @Component({
   selector: 'worklenz-phase-settings-drawer',

worklenz-frontend/src/app/administrator/settings/project-template-edit-view/components/row/task-description/task-description.component.html

@@ -21,7 +21,6 @@
           class="description-editor-list"
           [class.editing]="isEditing"
           [init]="CONFIG"
-          [apiKey]="apiKey"
           [(ngModel)]="task.description"
           (onBlur)="submit()"
           #descriptionEditor

worklenz-frontend/src/app/administrator/settings/project-template-edit-view/components/row/task-description/task-description.component.ts

@@ -28,8 +28,9 @@ export class TaskDescriptionComponent implements OnInit, OnDestroy {
   show = false;
   loading = false;
 
-  readonly apiKey = "4nquevykvy1i0q0v62ksxuu3nz1muy8i5fsqpj3wp9qm2mgp";
   readonly CONFIG = {
+    base_url: '/tinymce',
+    suffix: '.min',
     plugins: "lists link code wordcount",
     toolbar: 'blocks bold italic underline strikethrough | checklist numlist bullist link | alignleft aligncenter alignright alignjustify',
     menubar: false,