0

到目前为止，我有以下代码。

<div id="allText">
  <li>text1</li>
  <li>text2</li>
  <li>text3</li>
  <li>text4</li>
  <li>text5</li>
</div>

<button type="button" id="editButton">Edit</button>

<script>
    $(function(){

      $("#editButton").click(function () {

        var txt = '';
        if (window.getSelection) {
            txt = window.getSelection();
        } else if (window.document.getSelection) {
            txt =window.document.getSelection();
        } else if (window.document.selection) {
            txt = window.document.selection.createRange().text;
        }
        var n = txt.toString();
        n = n.replace("</li><li>","<br>"); 
    //document.getElementById("allText").innerHTML=n; 
        console.log(n);
      });

    });

</script>

我想用鼠标在中间选择一些文本，当我单击编辑按钮时，选定的文本将被更新，而其他未选择的文本将保持不变。我可以让选定的文本和替换工作，但不知道如何将替换字符串放回整个字符串的中间。

例如：如果我选择了

    </li>
<li>text3</li>
<li>

我希望我的最后一个字符串是

<li>text1</li>
<li>text2<br>text3<br>
text4</li>
<li>text5</li>

任何想法？

4

0 回答 0