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.

If you have no idea where to start, this is going to be a very difficult task. You should really try to find an editor that you can modify — Mitch Dempsey, Aug 02 '11 at 20:37

score 0 · Answer 1 · answered Aug 02 '11 at 20:45

0

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.

answered Aug 02 '11 at 20:45

Evan

1,737
1
19
32

They are all using iFrame and replace with it. That's the first reason why i dont want to use this kind of editors. – Nikolay Sohryakov Aug 03 '11 at 06:44

score 0 · Accepted Answer · answered Aug 04 '11 at 08:08

0

I will answer my question -- use contentEditable property.

answered Aug 04 '11 at 08:08

Nikolay Sohryakov

77
7

Google Wave like WYSIWYG

2 Answers2