Declined
Last Updated: 25 Sep 2026 07:01 by ADMIN
Gopi
Created on: 22 Mar 2019 15:11
Category: Editor
Type: Bug Report
0
Kendo editor is not editable inside kendo dialog

Please check dojo https://dojo.telerik.com/UMiREWiL

 

There is one kendo editor on the main page which is editable and when you click on the link below "Edit the content in pop-up", pop-up opens but doesn't show the content and also text editor is not editable.

 

Thank you,

Gopi

3 comments
ADMIN
Viktor Tachev
Posted on: 25 Sep 2026 07:01

Hello,

We are closing this report due to AngularJS being discontinued of December 2021 and is no longer supported as of R2 2022.

Regards,
Viktor Tachev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

ADMIN
Ivan Danchev
Posted on: 25 Mar 2019 11:36
Hi Gopi,

Thank you for reporting this issue. We logged it for fixing. I converted this thread to Bug Report and made it visible in our Feedback Portal. You can track the bug's progress through the item's status.

I updated your Telerik points for reporting this issue.

Regards,
Ivan Danchev
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Gopi
Posted on: 22 Mar 2019 15:38

In case dojo is not found, following is the code:

 

<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/editor/angular">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.material.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/angular.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.220/js/kendo.all.min.js"></script>
    

</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.7.2/angular-sanitize.js"></script>

<div id="example" ng-app="KendoDemos">
    <div ng-controller="MyCtrl">
      
<textarea kendo-editor k-ng-model="html"></textarea>
      
      <a href="" ng-click="RCM.dialog.open()">Edit the content in pop-up</a>

        <div kendo-dialog="RCM.dialog" k-title="'RCM Summary'" k-on-open="RCM.dialogVisible = true"  k-visible="false"
                                             k-on-close="RCM.dialogVisible = false" k-modal="true">
                                            <textarea kendo-editor k-ng-model="html"></textarea>
                                        </div>
      
    </div>
</div>

<script>
  angular.module("KendoDemos", [ "kendo.directives", "ngSanitize" ])
      .controller("MyCtrl", function($scope){
          $scope.html = "<h1>Kendo Editor</h1>\n\n" +
          "<p>Note that 'change' is triggered when the editor loses focus.\n" +
              "<br /> That's when the Angular scope gets updated.</p>";
      })
</script>


</body>
</html>