Current Functionality

[Scott Michetti]

     Hello, I have a few questions regarding the current state of the Editor.

1. Is there an option to edit the font, font size, fore color, and back color? Can this be done with a directive?

2. How do I get the instance of the editor so I can call various methods like editor.exec('setHTML', '<p>HTML content</p>')?

3. Is there a way to insert text at the current cursor location?

Thanks,

Scott

[Alexander Valchev]

Hi Scott,

1. Is there an option to edit the font, font size, fore color, and back color? Can this be done with a directive?

The implementation of this features is currently in progress. We'll release the font type and font size tools in a short period of time. The fore and background color tools are planned for the end of Q1 2019.

2. How do I get the instance of the editor so I can call various methods like editor.exec('setHTML', '<p>HTML content</p>')?

Just like you get the instance of every other Kendo Angular component. Here's a quick example:

import { Component, ViewChild } from '@angular/core';
import { EditorComponent } from '@progress/kendo-angular-editor';

@Component({
    selector: 'my-app',
    template: `
        <button (click)="setHTML()">Button</button>
        <kendo-editor #editor [value]="value"></kendo-editor>
    `
})
export class AppComponent {
    @ViewChild('editor') public editor: EditorComponent;

    public value: string = `
        <p>initial</p>
    `;

    public setHTML(): void {
      this.editor.exec('setHTML', '<p>foo</p>');
    }
}

3. Is there a way to insert text at the current cursor location?

Currently the API provides only setHTML command, which replaces the whole content.
Adding an insertText command is part of the short term tasks list.

Regards,
Alexander Valchev
Progress Telerik

[Scott Michetti]

Thank you Alexander, I think for now I will have to use the JQuery version inside my Angular application until the Angular version is complete. Hopefully that will work.

[Svet]

Hi Scott,

Indeed, we can use any of the Kendo Ui for jQuery widgets inside an Angular application until a counterpart Kendo Ui for Angular component is officially released.

Let us know in case any further assistance is required for Kendo Ui for Angular.

Regards,
Svetlin
Progress Telerik

[Paul]

Any idea when the insertText functionality is due for release?

[Svet]

Hi Paul,

I consulted with the assigned developer. An estimated time of delivery for the requested feature is the end of April.

Regards,
Svetlin
Progress Telerik

[Paul]

Thanks for letting me know