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

Kendo UI Editor - Immutables Issue

1 Answer 81 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Samuel
Top achievements
Rank 1
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>
</head>
<body>
    <div id="example">
        <div id="editor" rows="10" cols="30" style="height:400px">
            <br />
            <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

Sort by
0
Veselin Tsvetanov
Telerik team
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.
Tags
Editor
Asked by
Samuel
Top achievements
Rank 1
Answers by
Veselin Tsvetanov
Telerik team
Share this question
or