第一种情况：
1、<span>我是谁这都不知道</span>
光标选中的区域是“我是谁”，如何变成 <span>我是谁</span><span>这都不知道</span>
如果选中的是“谁这”，则变成 <span>我是</span><span>谁这</span><span>都不知道</span>
第二种情况：含有u、b 、i等标签
2、<span>我是<b>谁这都不</b>知道</span>
光标选中的区域是“谁”，如何变成<span>我是</span><span><b>谁</b></span><span><b>这都不</b></span><span>知道</span>大概知道是可以用selection来做，利用anchorNode,anchorOffet，focusNode,focusOffset来做，单层span标签还好，选中区域属于多层标签就有点麻烦了。里面的标签可能性是 u、b 、i 标签嵌套
问题有点复杂，说的有点抽象，希望讲清楚了，求答。