javascript - 在 contenteditable div 中为 div 启用调整大小

Question

我有一个将 contenteditable 设置为 true 的 div。现在我想在 contenteditable div 中为 div 启用调整大小。

在我的示例中，html 插入工作正常，但如何使插入的 html div 可调整大小？

代码:

function inserthtml() {
    var sel = document.selection;
    if (sel) {
        var textRange = sel.createRange();
        document.execCommand('inserthtml', false, "<div><img src='https://www.google.com/images/srpr/logo11w.png'  height='42' width='42'></div>");
        textRange.collapse(false);
        textRange.select();
    } else {
        document.execCommand('inserthtml', false, "<div><img src='https://www.google.com/images/srpr/logo11w.png'  height='42' width='42'></div>");
    }
}

fiddle :http://jsfiddle.net/q6q05f1b/

Answer 1

#editme {
  resize: vertical;
  overflow: auto;
}

<div id="editme" contenteditable="true">Click somewhere in here and press the 'insert html' button</div>