select + range + insertNode+offset

Posted 2020-08-20

???????????????   insert   ?????????   ??????   ??????   sel   ??????   elf   set   

self. cmd.range.selectNodeContents(p[0])   ????????????

self.cmd.select()   ????????????

self.cmd.selection([forceRest])  ??????????????????????????????range?????????forceRest????????????false?????????true??????????????????????????????????????????????????????(body??????????????????????????????)???????????????

insertNode?????????????????????????????????

????????????range??????????????????????????????

up ????????????range

<p>
        <strong id="nstrong"><span>123</span>abc</strong>def

    </p>

        
var range = mainbody_editor.cmd.range;
      var len = doc.getElementById("nstrong").childNodes;  [span, text]

     var up = range.up();

offset???????????????????????????????????????????????????

12|345|6

??????????????????????????????startoffset ???????????????2??????????????????2???endoffset?????????5??????????????????5

 <strong id="nstrong">|<span>123</span>|abc</strong>def

startoffset??????0  endoffset??????1

 

???????????? startContainer text   startoffset 0   endContainer text   endffset 3

startContainer???startoffset???????????????endContainer???endffset????????????

up??????  ????????????container???container

???????????? startContainer span    startoffset 0   endContainer strong   startoffset 2

enlarge????????????p????????????????????????????????????

????????????????????? up enlarge????????????,???????????????????????????????????????

123

 

setStartAfter ??????????????????????????????????????? ?????? text | ????????????????????????1???????????????????????????text??????