Retain (Keep) UnOrderList fixed in Editable DIV on Backspace or Delete key press using jQuery

For this you need to write JavaScript code to reassign the bullets when the contenteditable div li length is zero.

Check this example. Now please take its reference and correct your code.

HTML

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('div[class=editable]').on('keyup', function () {
            if ($(this).find('li').length == 0) {
                $(this).empty().append('<ul><li></li></ul>');
            }
        });
    });
</script>
<div class="editable" contenteditable="true" style="border: 1px solid red">
    <ul>
        <li></li>
    </ul>
</div>

Screenshot