Блоки с contenteditable: true

[zkolya]

Создаю блоки с contenteditable: true,подскажите почему получается эта особенность, если удалить весь текст,то снова печататься не будет.И еще подскажите,как выделять текст,знаю,что выделение блокирует draggable(),может это как то можно обойти?Еще,если блок создавать пустым,в нем ничего не печатается.

var dynDiv = $('<div>')
    .attr({'id': 'div_' + dname_id++,'contenteditable': 'true'})
      .css({
        'width': '50px',
        'height': '20px'
      })
      .addClass('resize')
    $('#container').append(dynDiv);
    //-------------------------------------------------------//
    dynDiv.resizable({
      ghost: true
    })
    dynDiv.draggable({
      containment: 'parent'
    });

Вот пример https://jsfiddle.net/Zkolya_linkoln/japfdL1t/5/. Заранее спасибо!

[zkolya]

Пол задачи решено,но теперь не печатается при перетаскивании,как исправить это?https://jsfiddle.net/japfdL1t/7/

[zkolya]

Все проблема решена