Как добавить изображение с помощью редактора колков в angular ⇐ Html

[Anonymous]

Я использую код Visual Studio для разработки проекта Angular и хочу добавить kolkovEditor. Здесь у меня установлен kolkovEditor, и в редакторе все работает нормально, но я не могу добавить изображение в kolkovEditor. Следующие ошибки приведены ниже< /p>
Изображение ошибки:
Описание изображения ошибки здесь
html код:

Код: Выделить всё

Edit Home Page



Save

машинописный код:

Код: Выделить всё

import { Component, ElementRef, OnInit, TemplateRef, ViewChild, ViewContainerRef } from '@angular/core';
import { ToolbarService, LinkService, ImageService, HtmlEditorService, ActionBeginEventArgs } from '@syncfusion/ej2-angular-richtexteditor';
// import { RichTextEditor, Toolbar, Link, Image, Count, HtmlEditor, QuickToolbar, PasteCleanup, Table } from '@syncfusion/ej2-richtexteditor';
// import { EditorChangeContent, EditorChangeSelection } from 'ngx-quill';
import { AngularEditorConfig } from '@kolkov/angular-editor';
import { FormControl, FormGroup } from '@angular/forms';

@Component({
selector: 'app-home-page',
templateUrl: './home-page.component.html',
styleUrls: ['./home-page.component.css'],
providers: [ToolbarService, LinkService, ImageService, HtmlEditorService]
})

export class HomePageComponent implements OnInit {
htmlContent:any;
editorForm = new FormGroup({
editor: new FormControl()
});
public tools: object = {
items: ['Undo', 'Redo', '|',
'Bold', 'Italic', 'Underline', 'StrikeThrough', '|',
'FontName', 'FontSize', 'FontColor', 'BackgroundColor', '|',
'SubScript', 'SuperScript', '|',
'LowerCase', 'UpperCase', '|',
'Formats', 'Alignments', '|', 'OrderedList', 'UnorderedList', '|',
'Indent', 'Outdent', '|', 'CreateLink',
'Image', '|', 'ClearFormat', 'Print', 'SourceCode', '|', 'FullScreen']
};
public iframe: object = { enable: true };
public height = 700;
public EditorData: any;
serial: any;
public value: string = "Hello
";

// @ViewChild('valueTemplate', {static: true}) valueTemplate: ElementRef | undefined;
// @ViewChild('valueTemplate', {static: true}) valueTemplate: ElementRef | undefined;
// @ViewChild('valueTemplate', { read: TemplateRef })
// valueTemplate!: TemplateRef;
// @ViewChild('valueTemplate') editObj: any;

editorConfig:  AngularEditorConfig = {
editable: true,
spellcheck: true,
height: '15rem',
minHeight: '5rem',
placeholder: 'Enter text here...',
translate: 'no',
defaultParagraphSeparator: 'p',
defaultFontName: 'Arial',
toolbarHiddenButtons: [
['bold']
],
customClasses: [
{
name: "quote",
class: "quote",
},
{
name: 'redText',
class: 'redText'
},
{
name: "titleText",
class: "titleText",
tag: "h1",
},
]
};
upload (file: File) {
alert();
}
onFormSubmit(){
console.log('editorForm:' + this.editorForm.get('editor')?.value);
}
constructor(private vref: ViewContainerRef) {
// this.valueTemplate=valueTemplate;
//  console.log("template",this.valueTemplate.)
}
ngOnInit(): void {
console.log('editorForm:' + this.editorForm.get('editor')?.value);
}
}

Подробнее здесь: https://stackoverflow.com/questions/710 ... in-angular