2

キャレット位置に div(child) を追加する必要がある contenteditable div がありますか?

スタック内のサンプルを使用して、キャレット位置にテキストを正常に追加しました。しかし、キャレットの位置に div を追加する方法が見つかりませんでした。

どうやってするの？

var appendText = "<div class='ui-state-default' contenteditable='false'>
<span>"+ui.draggable.text()+"</span>
<span class='ebAppendFieldClose'>x</span>
</div>"

$("#ebPlaceholder").append(appendText);

現在、私は通常の方法を使用しています（このように）。

4

1 に答える 1

2

あなたが何をしようとしているのかわからない; カーソル位置にdivを配置していますか？

var appendText = "<div class='ui-state-default' contenteditable='false'><span>" + ui.draggable.text() + "</span><span class='ebAppendFieldClose'>x</span></div>"

//I'm using 'click', but it can be whatever you want
$("#ebPlaceholder").on('click', function(e) {
    appendText.css({position: 'absolute',
        top: e.clientY + 'px',
        left: e.clientX + 'px'
    }); 
    e.target.append(appendText);
});
于 2013-07-25T12:05:04.293 に答える