Enter empty divs and contenteditable = true?

Question

Why doesn't the cursor enter some of my divs when contenteditable is allowed?

also, why does my browser tell me that there is nothing in the div when there is clearly a space in it ?!

var div = '<div> </div>'; 
div.innerHTML = undefined

What gives?

0

cheesetaco Feb 25 '14 at 23:21

1 answer

cheesetaco · Answer 1 · 2014-02-25T23:21:44+0000

contenteditable does not apply to empty elements, so you may need to insert a character without a break in the empty elements you want to edit

non-expanding space " "will act as a symbol if left alone,
while a space " "will be considered only a symbol if it is placed after another symbol

<div>" "</div>----------------> innerHTML = undefined
<div>" "</div>-------->innerHTML =

  html , " ", " "

var nbsp = "&nbsp;",
    div = document.getElementById('id');
div.innerHTML = nbsp

jquery

var div = $('div#id')
div.html(nbsp1)