This is a migrated thread and some comments may be shown as answers.

Kendo MVC Editor issue in chrome

2 Answers 296 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Jayakrishnan
Top achievements
Rank 1
Jayakrishnan asked on 21 Mar 2018, 03:50 PM

Dear Team,

I am using the following js 2017.3.1026/kendo.all.min.js( I have used latest also but result was same) for Kendo. In our application I am using kendo ui editor. In the Same Page i am using the FileBrowser and Kendo Editor

The issue is below. The site is hosted in  https and the issue with only chrome (assumption is the issue is related with iframe). 

1)  In FileBrowser - When click on the When I click on the Insert File icon I am getting the below error in javascript

Cannot use 'in' operator to search for 'getSelection' in undefined
    at Object.selectionFromWindow (kendo.all.min.js:65371)
    at Object.selectionFromDocument (kendo.all.min.js:65381)
    at init.getSelection (kendo.all.min.js:63676)
    at init.getRange (kendo.all.min.js:63686)
    at init.exec (kendo.all.min.js:63723)
    at init._executeToolCommand (kendo.all.min.js:71614)
    at HTMLAnchorElement.<anonymous> (kendo.all.min.js:71602)
    at HTMLUListElement.dispatch (jquery-1.10.2.js:5109)
    at HTMLUListElement.elemData.handle (jquery-1.10.2.js:4780)

Please find the code

 @(Html.Kendo().Editor()
                                                    .Name("txtTest")
                                                    .Tools(tools => tools.Clear().InsertFile())
                                                    .HtmlAttributes(new { style = "height:auto", id = "txtTest" })
                                                     .Events(events => events
                                                      .Select("selectTestJavascript")
                                                    )
                                                    .FileBrowser(fileBrowser => fileBrowser
                                                    .File(Request.Url.GetLeftPart(UriPartial.Authority) + "/New/Test/{0}")
                                                         .Read("Read", "EmbargoFileBrowser", "Protected")
                                                         .Create("Create", "EmbargoFileBrowser", "Protected")
                                                         .Destroy("Destroy", "EmbargoFileBrowser", "Protected")
                                                         .Upload("Upload", "EmbargoFileBrowser", "Protected")

                                                        )

 

 

2)  Kendo Editor - I have given some by default values but it is showing when its load. I am not getting any error. Please find the code

 

 @(Html.Kendo().EditorFor(model => model.HtmlTest)
                                        .Name("HtmlText")
                                        .Encode(false)
                                        .HtmlAttributes(new { @class = "form-control", id = "txtMultile", style = "width: 100%;height:600px" })
                                        .Tools(tools => tools
                                        .Clear()
                                        .Bold().Italic().Underline().Strikethrough()
                                        .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
                                        .InsertUnorderedList().InsertOrderedList()
                                        .Outdent().Indent()
                                        .CreateLink().Unlink()
                                        .InsertImage()
                                        .InsertFile()
                                        .SubScript()
                                        .SuperScript()
                                        .TableEditing()
                                        .ViewHtml()
                                        .Formatting()
                                        .CleanFormatting()
                                        .FontName()
                                        .FontSize()
                                        .FontColor().BackColor()
                                        )
                                        .ImageBrowser(imageBrowser => imageBrowser
                                        .Image(Request.Url.GetLeftPart(UriPartial.Authority) + "/New/Test/{0}")
                                                 .Read("Read", "EmbargoImageBrowser", "Protected")
                                                 .Create("Create", "EmbargoImageBrowser", "Protected")
                                                 .Upload("Upload", "EmbargoImageBrowser", "Protected")
                                                 .Thumbnail("Thumbnail", "EmbargoImageBrowser", "Protected"))
                                    

                                        )
                                        .Value(@<text>
                                        <h4><span style="font-family:Calibri;"><span style="background:yellow;">test data</span></h4>
                                        </p>
                                        </text>)

                                        )

 

Kindly request you to help as soon as possible

 

 

 

2 Answers, 1 is accepted

Sort by
0
Jayakrishnan
Top achievements
Rank 1
answered on 22 Mar 2018, 07:20 AM

Dear Team,

 

I have the above issue in staging its working fine in dev environment, Its very urgent. Kindly request to respond. 

My assumption is both issue is with chrome iframe with the https security.

 

Thanks & Regards,

Rijoy

 

0
Ianko
Telerik team
answered on 23 Mar 2018, 11:42 AM
Hello Rijoy,

I tested the described behavior, but I was unable to locally experience any issues with the described behavior. You can also check out the demo site, where SSL is enabled and both cases work fine. https://demos.telerik.com/aspnet-mvc/editor/imagebrowser

Can you provide a simple project where this is reproducible so that I can examine it better? 

Regards,
Ianko
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Editor
Asked by
Jayakrishnan
Top achievements
Rank 1
Answers by
Jayakrishnan
Top achievements
Rank 1
Ianko
Telerik team
Share this question
or