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

Kendo UI Editor - Immutables Issue

1 Answer 192 Views

Editor

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

Samuel asked on 19 Apr 2017, 11:49 AM

Nested Non-Content Editable is removed when pressing "Enter" Key on any content editable.
Try the snippet below on Telerik Demos.

<!DOCTYPE html>

<html>

<head>

<title></title>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.common-material.min.css" />

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.material.min.css" />

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.material.mobile.min.css" />

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

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

</head>

<body>

<div id="example">

<div id="editor" rows="10" cols="30" style="height:400px">

<br />

<p contenteditable="false"><span contenteditable="false">THIS WILL BE REMOVED ( NESTED CONTENT EDITABLE=FALSE)</span></p>

<p>If you press Enter key when focus on this text the above will be removed.</p>

</div>

<script>

$(document).ready(function() {

$("#editor").kendoEditor({

immutables: true,

tools: ["viewHtml"]

});

</script>

</div>

</body>

</html>

1 Answer, 1 is accepted

answered on 21 Apr 2017, 08:29 AM

Hi Samuel,

Thank you for the sample prepared, which reproduces the issue described.

Please, note, that at the moment, nesting elements with contenteditable attribute set to false is not a supported scenario in Kendo Editor. Nesting an element with contenteditable set to true in an element with contenteditable set to false is not supported too.

Regards,
Veselin Tsvetanov
Telerik by Progress

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.