How do you make a fake cursor that works? When you click anywhere within the text, how do you know where to position the fake-cursor then? If you use arrow-keys it should move the cursor left and right and up and down respecting the line- and character boundaries.

One of the shortcomings of HTML/CSS seems to be that you can not style the cursor a.k.a caret.