Can't change the content in readonly editor programmatically

[Ewgenij]

If the editor is in readonly mode, I can't change its contents programmatically. I would expect that the user is not allowed to change the content, but not the developer. See the example below - if I click the button "Click me" the text in the editor does not change. I would expect it to change to "bla".

import { Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
    <kendo-editor
      [value]="value"
      [readonly]="true"
      style="height: 370px;"
    ></kendo-editor>
    <button (click)="onClickme()">Click me</button>
  `
})
export class AppComponent {
  public value = "eeeeee";

  onClickme() {
    this.value = 'bla';
    console.log('clicked');
  }
}

[Martin Bechev]

Hello Ewgenij,

Thank you for the provided code snippet. I pasted it in the following StackBlitz example, which uses the latest Editor version (1.2.5), and it seems to work as expected:

https://stackblitz.com/edit/angular-hdvdty

For more details on how to update a Kendo package, please check the following article:

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/

I hope this helps. Let me know if any further assistance is required for this case.

Regards,
Martin
Progress Telerik