Create custom editor for real-time collaboration

As it is now, the editor is just a plain HTML textarea (a single caret).
When collaborating, the textarea is updated with remote changes thus the cursor is stolen from the original position, making "real-time" collaboration difficult.

A custom editor which simulates the caret and does not change it's position when updating the content should be used.
In addition it should be able to handle all key events.