Задать вопрос
Lomonos1917
@Lomonos1917
Делаю IRE для предприятия с нуля.
javascript

Как перенести текст статьи из .txt в html?

Требуется перенести статью (текст) из файла .txt (или другого текстового дока) на сайт. Прописывать весь текст на 15-20 абзацев в самом документе html посчитал полной дуростью, поэтому хочу, чтобы текстовая составляющая подгружалась из файла, который будет находится в директории сайта. Вопрос только в том, как это наиболее эффективно сделать.
  • Вопрос задан
  • 674 просмотра
2 комментария
Подписаться 2 Простой 2 комментария
Решения вопроса 2
Mike_Ro
@Mike_Ro Куратор тега JavaScript
Python, JS, WordPress, SEO, Bots, Adversting
Т.к. нет примера txt файла, и это нужно угадать, то предположу, что параграфы в txt разбиваются пустой строкой.
Т.к. указан тег js, и нет указания, где именно задачу необходимо выполнить (на бэке или фронте), то напишу решение для фронта:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Пример чтения и вывода текстового файла в HTML</title>
  </head>
  <body>
    <div id="content"></div>

    <script>
      fetch('example.txt')
        .then(response => response.text())
        .then(text => {
          const paragraphs = text.split('\n\n');
          const contentElement = document.getElementById('content');

          paragraphs.forEach(paragraph => {
            const p = document.createElement('p');
            p.textContent = paragraph;
            contentElement.appendChild(p);
          });
        });
    </script>
  </body>
</html>
Ответ написан
2 комментария
2 комментария
Stalker_RED
@Stalker_RED 
const targetBlock = document.querySelector('#foo');
fetch('bar.txt')
  .then(response => response.text())
  .then(text => targetBlock.innerHTML = text.replaceAll('\n', '<br>'));
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
15000 руб./за проект
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Ещё заказы