Tag-like autocompletion and caret/cursor movement in contenteditable elements

by

You could use my Rangy library, which attempts with some success to normalize browser range and selection implementations. If you’ve managed to insert the <a> as you say and you’ve got it in a variable called aElement, you can do the following:

var range = rangy.createRange();
range.setStartAfter(aElement);
range.collapse(true);
var sel = rangy.getSelection();
sel.removeAllRanges();
sel.addRange(range);

More Related Contents:

  1. How to set the caret (cursor) position in a contenteditable element (div)?
  2. Get contentEditable caret position
  3. contenteditable, set caret at the end of the text (cross-browser)
  4. Get element node at caret position (in contentEditable)
  5. How to get the caret column (not pixels) position in a textarea, in characters, from the start?
  6. contenteditable change events
  7. Insert html at caret in a contenteditable div
  8. How to move cursor to end of contenteditable entity
  9. Get caret (cursor) position in contentEditable area containing HTML content
  10. Programmatically select text in a contenteditable HTML element?
  11. How to replace selected text with html in a contenteditable element? [duplicate]
  12. Get caret position in HTML input?
  13. Prevent contenteditable adding on ENTER – Chrome
  14. How to get the focused element with jQuery?
  15. Javascript Contenteditable – set Cursor / Caret to index
  16. replace innerHTML in contenteditable div
  17. Get caret index in contenteditable div including tags
  18. Set cursor to specific position in CKEditor
  19. How to select all text in contenteditable div?
  20. Javascript: Move caret to last character
  21. Set caret position right after the inserted element in a contentEditable div
  22. How to disable elements selection and resizing in contenteditable div?
  23. replace selected text in contenteditable div
  24. Limiting the number of characters in a ContentEditable div
  25. How to make an HTML element editable cross-browser?
  26. Make a instead of by pressing Enter on a contenteditable
  27. Extracting text from a contentEditable div
  28. Get content of span
  29. contenteditable div backspace and deleting text node problems
  30. Set cursor after span element inside contenteditable div

Leave a Comment