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

Kendo mvc Editor not working in asp.net mvc app

1 Answer 57 Views
Editor
This is a migrated thread and some comments may be shown as answers.
siyavash
Top achievements
Rank 1
siyavash asked on 11 Jan 2021, 09:17 AM

I added Kendo.Mvc.dll (2018.3.1017.545) to my mvc project in vs2019.

I write this code in my index.cshtml file.
@(Html.Kendo().Editor() .Name("Test") .HtmlAttributes(new { style = "width: 100%; height:840px" }) .Tools(tools => tools .Clear() .Bold().Italic().Underline() .JustifyLeft().JustifyCenter().JustifyRight() .InsertUnorderedList().InsertOrderedList() .Outdent().Indent() .CreateLink().Unlink() .InsertImage() .TableEditing() .FontName() .FontSize() .BackColor() .FontColor() ) .ImageBrowser(imageBrowser => imageBrowser .Image("~/shared/UserFiles/Images/{0}") .Read("Read", "ImageBrowser") .Create("Create", "ImageBrowser") .Destroy("Destroy", "ImageBrowser") .Upload("Upload", "ImageBrowser") ) .Value(@<text> </text>) )

and I added this using at top of my file:

@using Kendo.Mvc.UI

and I added these Scripts to _layout:

<script src="~/Scripts/kendo/kendo.all.min.js"></script>

<script src="~/Scripts/kendo/kendo.aspnetmvc.min.js">

</script><script src="~/Scripts/kendo/kendo.editor.min.js"></script>

even once I added all .js and .css file of kendo, but not worked.

but in chrome I see an empty TextArea.

what else should I do to fix it?

thanks

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 12 Jan 2021, 12:50 PM

Hi Siyavash,

Based on the provided code snippet, I can make the following suggestions:

  1. Make sure jQuery is registered before the Kendo UI scripts.
  2. Remove kendo.editor.min.js, because it is already included in kendo.all.min.js
  3. Always keep an eye on the browser's JavaScript console for errors, which can point you in the right direction.

Please check the following useful and relevant resources

Documentation about common JavaScript errors:

Documentation about jQuery compatibility:

 

Regards,
Dimo
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Editor
Asked by
siyavash
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or