Hi devs,
To explain the issue lets consider the following scenario:
* Edit a new page with the new WYSIWYG editor.
* Type "foobar" and place the caret as in "foo|bar", where the pipe
represents the caret.
* Press the Bold button or type CRTL+B in order to start typing bold
text at the current insertion point.
* At this moment, the HTML should be "foo<strong>|</strong>bar"
where
the pipe represents the caret.
The Problem
In Mozilla it's easy to place the caret as suggested. In IE it's
impossible (this weekend I tried all sort of things and search
desperately on Google..). What I can easily do in IE is either
"foo|<strong></strong>bar" or
"foo<strong></strong>|bar". The workaround
that I found is to use a special space symbol
http://en.wikipedia.org/wiki/Zero-width_non-joiner inside the strong tag
(before, it had an empty text node inside) and place the caret just
after this special space symbol.
PROs:
* When the use will type the text will be bold.
CONs:
* Although the space character is not visible you have to jump over it
while navigating with the arrow keys.
* Although we can remove these special symbols before converting to wiki
syntax, the user will have them when copy&pasting.
I'm in favor of using this special space symbol. WDYT?
Thanks,
Marius.
P.S.: I need your opinion ASAP, thanks!