Выберите текст и добавьте в localstorage

Question

Iv использовал простое приложение для заметок html5 и хотел его расширить.

Я хотел был бы иметь возможность выбрать некоторый текст на странице и добавить это как примечание. Я не уверен, что я создам новую функцию или изменю ее, которая уже существует.

Я включил код ниже, который, я думаю, добавляет элемент в localstorage.

Я включил ссылку на страницу GitHub, где HTML-код: https://github.com/oxhey/Notes-Manager

if(newItem){ // don't push when generating from localStorage 
      allTitles.push(listTitle); 
      allLists.push({'title': listTitle, 'note': listNote}); 

      localStorage.setItem('allLists',JSON.stringify(allLists)); 
      localStorage.setItem('allTitles',allTitles); 
     } 

     return listContainer; 
    }; 

HTML:

<form class="form-horizontal" onsubmit="return false;" role="form" id="newListForm"> 
       <div class="form-group"> 
        <label for="newListInput" class="col-sm-2 control-label">Title<span>*</span></label> 
        <div class="col-sm-5"> 
         <input type="text" required="true" class="form-control" name="newListTitle" id="newListInput" placeholder="List Title" onblur=' this.value=this.value.replace(/(^\s*)/g, "") ; '> 
        </div> 
       </div> 

       <div class="form-group"> 
        <label for="newNoteInput" class="col-sm-2 control-label">Note<span>*</span></label> 
        <div class="col-sm-5"> 
         <textarea required class="form-control" name="newListNote" id="newListNote" placeholder="Write Note" ></textarea> 
        </div> 
       </div> 

       <div class="form-group"> 
        <div class="col-sm-offset-2 col-sm-5"> 
         <button type="submit" id="submitButton" class="btn btn-primary">Save</button> 
        </div> 
       </div> 
      </form> 

Answer 1

Вы можете сделать это в JavaScript. Используйте следующий код:

if(window.getSelection){ 
    selectedText = window.getSelection(); 
}else if(document.getSelection){ 
    selectedText = document.getSelection(); 
}else if(document.selection){ 
    selectedText = document.selection.createRange().text; 
} 

Selection | MDN

EDIT:

Попробуйте использовать следующий JS код вместе с HTML:

function submitForm(){ 
    var listTitle = document.getElementById("newListInput").value; 
    var listNote = document.getElementById("newListNote").value; 

    console.log(listNote); 


    // not sure why you have the following 2 lines 
    //if(newItem){ // don't push when generating from localStorage 
    //allTitles.push(listTitle); 

    var allLists = []; 

    allLists.push({'title': listTitle, 'note': listNote}); 

    localStorage.setItem('allLists',JSON.stringify(allLists)); 
    localStorage.setItem('allTitles',allTitles); 
// } 
} 
//return listContainer; 
//};