вставить многострочную строку в несколько редактируемых абзацев - PullRequest
Новая
       15

вставить многострочную строку в несколько редактируемых абзацев

0 голосов
/ 14 апреля 2020

У меня есть div, который содержит несколько contenteditable абзацев, и я хочу обработать событие вставки для этих абзацев. 

<div>
   <div id="1" contenteditable="true"></div>
   <div id="2"  contenteditable="true"></div>
<div>

Я хочу вставить данные в первый div и заполнить первый div первой строкой и др c. Я попробовал код в javascript (Vuejs) 

        onPast(e){
          let pastedData = e.clipboardData.getData('text/plain');
          let pasted_data_split = pastedData.split('\n');

          if(pasted_data_split.length < 2){
                return
          }
          else {
            e.preventDefault();
            document.execCommand('inserttext', false, pasted_data_split[0]);

            if(pasted_data_split[pasted_data_split.length -1] =="")
                pasted_data_split.pop();

            let index = this.$parent.$children.indexOf(this);
            for (let i=0; i<pasted_data_split.length; i++){
                let content = pasted_data_split[i];
                let child = this.$parent.$children[index+i];
                if(child) {
                    let id = child.line.pk;
                    $("#"+id).text(content);
                }
                else {

                }

            }

            }
        }
...