在没有外来对象的情况下模拟SVG中的contenteditable

我编写了一个Web应用程序,用户可以使用文本创建svg元素.我想模拟svg元素中的contenteditable元素,以便用户可以动态编辑svg元素的内容.也就是说,当用户单击其中一个元素时,应显示光标以便可以编辑文本.我不想使用foreignobject来实现这一点,因为IE不支持.我在网上找不到任何有用的东西,所以有什么方法可以做到这一点吗？

编辑:澄清一下,这是一个例子:

Erik Dahlstr.. 12

这是一个例子:

http://jsfiddle.net/ZEAwB/

适用于Opera 18,Chrome 33,Firefox(夜间)28和IE9.可能也适用于早期版本的Opera,Chrome和Firefox,但不太确定它有多远.