如何在contenteditable div中的插入位置添加List值

Question

我想在可信任的部门中的光标插入位置添加列表值。我有一些按钮和列表。我可以在插入位置添加按钮值，但是列表值没有在光标插入位置添加。请帮助我。以下是代码：

 function insertAtCursor(input) {
        document.getElementById('mytext').focus();
        var sel, range;
        if (window.getSelection) {
            sel = window.getSelection();
            if (sel.getRangeAt && sel.rangeCount) {
                range = sel.getRangeAt(0);
                range.deleteContents();
                textNode = document.createTextNode(input + " ");
                range.insertNode(textNode);
                range.setStart(textNode, textNode.length);
                range.setEnd(textNode, textNode.length);
                sel.removeAllRanges();
                sel.addRange(range);
            }
        }
        else if (document.selection && document.selection.createRange) {
            document.selection.createRange().text = input;
        }
    }
    $('.add_val').on('click', function () {
        var input = $(this).attr('id');
        insertAtCaret(input);

    });


<li>Payment Processing
                                              <div class="expander"></div>
                                                <ul> @foreach (var item in Model.PP_Field_List)
                                                     {
                                                         if(Model.prslist == "PaymentProcess")
                                                         {
                                                        <li class="add_val" id="@item.Value.Replace(" ", String.Empty)">@item.Text.Split('_')[0]&nbsp<span>(@item.Text.Split('_')[1])</span></li>   
                                                         }                            
                                                     }

                                                </ul>
                                            </li>