How to pull contenteditable="true" cursor to the right

Question

I am using this following code to make my header as editable text.

<h1 contentEditable="true">Hello</h1>

But it pulls the cursor in the beginning of the text, as in |Hello. I want it to be at right. Is there any way to do that? Specially Without javascript?

It depends. If you click between middle of the string it pulls the cursor on that place. — Rahil Wazir, May 14 '14 at 19:26
@Rahil Wazir I think that he want it at the end, whatever the place that you click. — Superdrac, May 14 '14 at 19:39
@Superdrac (_whatever the place that you click_) No he didn't mean that. — Rahil Wazir, May 14 '14 at 19:41

score 0 · Answer 1 · edited May 23 '17 at 12:27

0

There is no way that I know of to do this without javascript. The problem is that the browsers determine where to put the caret when the field is opened. However, if you choose to do a javascript solution, I would recommend looking Tim Down's answer on this post. It works great!

edited May 23 '17 at 12:27

Community

1
1

answered May 14 '14 at 19:25

Matthew R.

4,332
1
24
39

How to pull contenteditable="true" cursor to the right

1 Answers1