How to change cursor position with draft.js?

Question

I am wondering how you can change the cursor position in draft.js after having done an text insertion on key command. Therefore I am currently using _handleKeyCommand(cmd) to insert a custom text block whenever the user presses a specific button. Next I tried the following:

currentState = this.state.editorState;
var selectionState = this.state.editorState.getSelection().getStartKey();
this.setState({editorState: EditorState.forceSelection(currentState, selectionState)});

But this keeps crashing with the error message

TypeError: selection.getHasFocus is not a function

although I imported SelectionState. So how do I properly change the cursor position (preferably to the position before the insertion) and what am I doing wrong here?

score 4 · Accepted Answer · answered Nov 06 '17 at 05:29

4

var selectionState = this.state.editorState.getSelection().getStartKey(); should be var selectionState = this.state.editorState.getSelection()

answered Nov 06 '17 at 05:29

Jiang YD

3,205
1
14
20

Nice! So how do I modify the selection state? – nullmn Nov 10 '17 at 13:04
1

by `selectionState=selectionState.merge({'forceKey':xxxx, focusOffset:5})` – Jiang YD Nov 15 '17 at 10:09
how to focus cursor to last character of element ? – Anil Aug 04 '18 at 11:44
1

@Anil if you mean `element` be `block`, then set `focusOffset` to be the text length of that block. – Jiang YD Aug 06 '18 at 06:19

How to change cursor position with draft.js?

1 Answers1

Linked