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

Kendo UI Editor - Immutables Issue

1 Answer 152 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