Content Editable with no content

[sitefinitysteve]

I'm trying to style the ":empty" state of the div, but it doesn't work because the Kendo Editor seems to add "" into the div, so it's never empty.

 

What should we do here?  If the user backspaces whatever that code is, the :empty state then appears just fine.

[Veselin Tsvetanov]

Hi Steve,

In order to achieve the initial styling of the empty <div>, I would suggest you to set the styling on the Editor element. Later, on keyup event you could remove that style:

<div id="topEditor" style="width:800px;height:500px;background: red;"></div>
<script>
  $(document).ready(function() {
    $("#topEditor").kendoEditor({
      keyup: function(e) {
        e.sender.element.css('background', '')
      }
    });

  });
</script>

Regards,
Veselin Tsvetanov
Progress Telerik