Chèn dấu mũ sau một nút được chèn

Question

Vì vậy, tôi có một phương thức lấy thẻ và kết thúc văn bản đã chọn trong thẻ đó.

function wrap(tag) 
{    
    var sel, range; 
    if (window.getSelection) 
    { 
     sel = window.getSelection(); 
     if (sel.rangeCount) 
     { 
      range = sel.getRangeAt(0); 
      var selectedText = range.toString(); 
      range.deleteContents(); 
      range.insertNode(document.createTextNode('['+tag+']'+selectedText+'[/'+tag+']'));        
     } 
    } 
} 

Vấn đề này tuy nhiên, sau khi đã thực hiện xong văn bản và chèn nút dấu (nơi chúng đang nhập) được đặt TRƯỚC văn bản được chèn.

Có cách nào để chèn văn bản và giữ dấu sót ở cuối nó không?

Xin lưu ý tôi muốn sử dụng nếu điều này có thể được thực hiện mà không cần sử dụng jQuery hoặc bất kỳ thư viện nào khác. Tôi chỉ cần nó để làm việc trong webkit (Safari).

Answer 1

Bạn có thể sử dụng phương thức range.setStartAfter và range.setEndAfter để thiết lập điểm bắt đầu và điểm kết thúc tới điểm trực tiếp sau nút mới của bạn. Tôi thiết lập một ví dụ về jsfiddle ở đây: http://jsfiddle.net/phil_mcc/tM3mA/

//move the caret 
range.setStartAfter(newNode); 
range.setEndAfter(newNode); 
sel.removeAllRanges(); 
sel.addRange(range); 

Answer 2

làm được điều này sau khi chèn nút đến phạm vi range.collapse(false); này sẽ thay đổi vị trí của phạm vi lựa chọn đến cuối của dãy núi này, vì vậy tôi đoán là nó nên đặt con trỏ ở vị trí cuối