editor/editor.component.ts

Description

Editor component for displaying and editing code

Based on the monaco editor (the same editor as in VS Code) Supports syntax highlighting for various languages (default: JSON) and can be extended with additional features like JSON schema validation

Implements

AfterViewInit OnDestroy ControlValueAccessor OnChanges

Example

Metadata

providers	`)`
selector	`c8y-editor`
standalone	`true`
imports	`LoadingComponent` `NgIf`
templateUrl	`./editor.component.html`

Relationships

Used by

AdvancedEditBrandingComponent
AdvancedTranslationEditorComponent
BrandingFormComponent
ConfigurationDetailComponent
DashboardJsonEditorComponent
InfoGaugeWidgetConfigComponent
MarkdownWidgetConfigComponent
SourceCodePreviewComponent
TextBasedConfigurationComponent
WidgetCodeEditorComponent

Depends on

LoadingComponent
NgIf
)
AfterViewInit
OnDestroy
ControlValueAccessor
OnChanges

<c8y-loading *ngIf="!monaco"></c8y-loading>
<div class="editor-container" style="height: 100%" #editorContainer></div>