menu
Uveb

14:07
Запис текста з сторінки в txt файл для скачування
Збереження відбувається при натисканні на кнопку та зберігається у файл із заданим ім'ям у форматі TXT.
Дане рішення може стати в нагоді для збереження даних, які немає необхідності видавати на друк.

Демо

Силка на даний матеріал: https://uveb.net/blog/zapis_teksta_z_storinki_v_txt_fajl_dlja_skachuvannja/2022-05-08-7
Назва: Прибор-товар
Модель: HD45
Артикул: 56742-567
Колір: Білий
Ціна: 500грн.

Зберегти дані у файл

Встановлення


У першому рядку додано приховану інформацію тільки для копіювання
Код
<table id="copytext">
  <tr style="display: none">
  <td>Ссилка на товар:</td>
  <td>https://uveb.net/blog/zapis_teksta_z_storinki_v_txt_fajl_dlja_skachuvannja/2022-05-08-7</td>
  </tr>  
  <tr>
  <td>Назва:</td>
  <td>Прибор-товар</td>
  </tr>  
  <tr>
  <td>Модель:</td>
  <td>HD45</td>
  </tr>
  <tr>
  <td>Артикул:</td>
  <td>56742-567</td>
  </tr>
  <tr>
  <td>Колір:</td>
  <td>Білий</td>
  </tr>  
  <tr>
  <td>Ціна:</td>
  <td>500грн.</td>
  </tr>  
</table>


Збереження відбувається після натискання на елемент з ID download
Код
<script>
document.addEventListener('DOMContentLoaded', () => {
  let download = document.querySelector('#download');
  download.addEventListener('click', downloadText);
  function downloadText() {
  let copytext = document.querySelector('#copytext').textContent;
  let el = document.createElement('a');
  el.setAttribute('href', `data:text/plain;charset=utf-8,${encodeURIComponent(copytext)}`);
  el.setAttribute('download', 'text.txt');
  el.style.display = 'none';
  document.body.appendChild(el);
  el.click();
  document.body.removeChild(el);
  }
});  
</script>
Категорія: JavaScript | Переглядів: 250 | Додав: Uveb | Рейтинг: 3.0/3