contentEditable div

Question

のカーソル（キャレット）の位置にスパンを追加します。次のコードを使用して、ID #displayのcontentEditable divにspanを追加します。 #displayでマウスを使ってカーソル位置を変更した場合、＃表示にスパンを追加したい場合、キャレット位置の後に追加する方法。

$(".operators").click(function(){ 
     var selectedOperator = $(this).html(); 
     var addSpan= "<span>" + selectedOperator + "</span>" 
     $("#display").append(addSpan); 
    }); 

私は上記のプログラムに従ってガイドしてください。助けに感謝します。

Answer 1

変数にはDOM要素が含まれないため、追加するときにDOMを追加する必要があります。

$(".operators").click(function(){ 
    var selectedOperator = $(this).html(); 
    $("#display").append('<span>'+ selectedOperator +'</span>'); 
}); 

Check working demo