Google Wave like WYSIWYG

Question

I was searching for the google wave-like wysiwyg editor but did not succeed on it. I've tried jWYSIWYG, clEditor and couple of other editors.

Now i want to implement it by myself. Do you have any ideas about how it working? Especially how do they draw a caret and handle mouse/keyboard events and text selection.

I don't want to use any existing WYSIWYG editors because they dont give me what i want.

Thank you in advance.

Answer 1

I will answer my question -- use contentEditable property.

Answer 2

You could peek at the source code of some of the popular open source editors to get an idea of their approach, might give you some insight into how you want to tackle your solution.

TinyMCE is on GitHub:

https://github.com/tinymce/tinymce

CKEditor has a SVN repo:

http://dev.ckeditor.com/browser

And of course, they are Javascript, so you really look at any of them you want to.