Как разбить код из одной строки в несколько на js?

Question

Павел @mrusklon

Не получается? Яростно гугли!

JavaScript

Как разбить код из одной строки в несколько на js?

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

Как разбить код или проставить переносы строк правильно чтобы append jquery не делал весь код в одну строку?

Вот что мне выдает jquery после append

сплошная строка html

<div class="results-container"><span>обьект: фыв 1 </span><table border="1" cellpadding="3" cellspacing="1" data-gild-id="0"><thead><tr><td rowspan="2">№ <br> п/п</td><td rowspan="2">ФИО работника</td><td rowspan="2">Профессия</td><td colspan="4">Сроки выполнения работ</td></tr><tr><td>Дата начала работ</td><td>Время начала работ</td><td>Дата окончания работ</td><td>Время окончания работ</td></tr></thead><tbody><tr><td>1</td><td>фыв В.М.</td><td>фыв</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr><tr><td>2</td><td>фыв Е.Ю.</td><td>фыв</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr></tbody></table><div></div><span>обьект: фыв 2 </span><table border="1" cellpadding="3" cellspacing="1" data-gild-id="1"><thead><tr><td rowspan="2">№ <br> п/п</td><td rowspan="2">ФИО работника</td><td rowspan="2">Профессия</td><td colspan="4">Сроки выполнения работ</td></tr><tr><td>Дата начала работ</td><td>Время начала работ</td><td>Дата окончания работ</td><td>Время окончания работ</td></tr></thead><tbody><tr><td>1</td><td>фыв Т.П.</td><td>фыв</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr><tr><td>2</td><td>фыв Н.Ф.</td><td>фыв</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr></tbody></table><div></div><span>обьект: фыв 1 </span><table border="1" cellpadding="3" cellspacing="1" data-gild-id="2"><thead><tr><td rowspan="2">№ <br> п/п</td><td rowspan="2">ФИО работника</td><td rowspan="2">Профессия</td><td colspan="4">Сроки выполнения работ</td></tr><tr><td>Дата начала работ</td><td>Время начала работ</td><td>Дата окончания работ</td><td>Время окончания работ</td></tr></thead><tbody><tr><td>1</td><td>фыв Н.В.</td><td>фыв</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr></tbody></table><div></div><span>обьект: фыв </span><table border="1" cellpadding="3" cellspacing="1" data-gild-id="4"><thead><tr><td rowspan="2">№ <br> п/п</td><td rowspan="2">ФИО работника</td><td rowspan="2">Профессия</td><td colspan="4">Сроки выполнения работ</td></tr><tr><td>Дата начала работ</td><td>Время начала работ</td><td>Дата окончания работ</td><td>Время окончания работ</td></tr></thead><tbody><tr><td>1</td><td>фыв В.М.</td><td>вd><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr><tr><td>2</td><td>фыв С.И.</td><td>фыв</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr></tbody></table><div></div><span>обьект: ССХ </span><table border="1" cellpadding="3" cellspacing="1" data-gild-id="5"><thead><tr><td rowspan="2">№ <br> п/п</td><td rowspan="2">ФИО работника</td><td rowspan="2">Профессия</td><td colspan="4">Сроки выполнения работ</td></tr><tr><td>Дата начала работ</td><td>Время начала работ</td><td>Дата окончания работ</td><td>Время окончания работ</td></tr></thead><tbody><tr><td>1</td><td>фыв А.В.</td><td>Электромонтер</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr></tbody></table><div></div><span>обьект: фыв 1 </span><table border="1" cellpadding="3" cellspacing="1" data-gild-id="6"><thead><tr><td rowspan="2">№ <br> п/п</td><td rowspan="2">ФИО работника</td><td rowspan="2">Профессия</td><td colspan="4">Сроки выполнения работ</td></tr><tr><td>Дата начала работ</td><td>Время начала работ</td><td>Дата окончания работ</td><td>Время окончания работ</td></tr></thead><tbody><tr><td>1</td><td>втромонтер</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr><tr><td>2</td><td>фыв М.С.</td><td>фыв</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr></tbody></table><div></div><span>обьект: фыв </span><table border="1" cellpadding="3" cellspacing="1" data-gild-id="8"><thead><tr><td rowspan="2">№ <br> п/п</td><td rowspan="2">ФИО работника</td><td rowspan="2">Профессия</td><td colspan="4">Сроки выполнения работ</td></tr><tr><td>Дата начала работ</td><td>Время начала работ</td><td>Дата окончания работ</td><td>Время окончания работ</td></tr></thead><tbody><tr><td>1</td><td>фыв А.В.</td><td>фыв</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr><tr><td>2</td><td>фыв П.А</td><td>фыв</td><td>05.02.2019</td><td>08:00</td><td>05.02.2019</td><td>17:00</td></tr></tbody></table><div></div></div>

Вопрос задан более трёх лет назад
824 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

6 комментариев

Павел @mrusklon Автор вопроса

а эти символы уже экранированы или их как то скрывать в html надо?

Написано более трёх лет назад
WapSter @wapster92 Куратор тега JavaScript

я не вижу что вы делаете в js, ну в общем если этот код из js генерируется, то они не будут отображаться, а сделают свое назначение.

Написано более трёх лет назад

Павел @mrusklon Автор вопроса

Тимур Турсунбаев,

tablesContainer.append(
                '<span>обьект: ' + gild.find('input').val() + ' </span>' + 
                '<table border="1" cellpadding="3" cellspacing="1"  data-gild-id="' + i + '">' +
                '<thead>' +
                '<tr>' +
                '<td rowspan="2">№ <br> п/п</td>' +
                '<td rowspan="2">ФИО работника</td>' +
                '<td rowspan="2">Профессия</td>' +
                '<td colspan="4">Сроки выполнения работ</td>' +
                '</tr>' +
                '<tr>' +
                '<td>Дата начала работ</td>' +
                '<td>Время начала работ</td>' +
                '<td>Дата окончания работ</td>' +
                '<td>Время окончания работ</td>' +
                '</tr>' +
                '</thead>' +
                '<tbody>' +
                '</tbody>' +
                '</table>' +
                '<div></div>'
            );

как в моем случае применить? Если вставлю внутрь скобок '' то отображается как текст , если за пределами то ломается код

Написано более трёх лет назад

WapSter @wapster92 Куратор тега JavaScript

Павел,

tablesContainer.append(
  '<span>обьект: ' + gild.find('input').val() + ' </span>\n' +
  '<table border="1" cellpadding="3" cellspacing="1"  data-gild-id="' + i + '">\n' +
  '<thead>\n' +
  '<tr>\n' +
  '<td rowspan="2">№ <br> п/п</td>' +
  '<td rowspan="2">ФИО работника</td>' +
  '<td rowspan="2">Профессия</td>' +
  '<td colspan="4">Сроки выполнения работ</td>\n' +
  '</tr>\n' +
  '<tr>\n' +
  '<td>Дата начала работ</td>' +
  '<td>Время начала работ</td>' +
  '<td>Дата окончания работ</td>' +
  '<td>Время окончания работ</td>\n' +
  '</tr>\n' +
  '</thead>\n' +
  '<tbody>\n' +
  '</tbody>\n' +
  '</table>\n' +
  '<div></div>'
);

Написано более трёх лет назад

Павел @mrusklon Автор вопроса

Тимур Турсунбаев, да , это решило проблему, 2 дня потратил на то что бы найти в чем конкретно причина, ох чувствую что хакнул gmail ))))

спасибо!

Написано более трёх лет назад
WapSter @wapster92 Куратор тега JavaScript

Павел, пожалуйста)

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

JavaScript

Средний
Эффект наложения блоков?
- 1 подписчик
- 7 часов назад
- 64 просмотра
2

ответа
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- 7 часов назад
- 38 просмотров
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 7 часов назад
- 19 просмотров
0

ответов
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 1 подписчик
- 13 часов назад
- 51 просмотр
0

ответов
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- вчера
- 66 просмотров
1

ответ
JavaScript

Простой
Как получить результат отправки на сервер, если fetch-запрос был в одной функции, а результат нужен в другой?
- 1 подписчик
- вчера
- 76 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Существуют ли браузерные реализации WebView для AJAX и Fetch?
- 1 подписчик
- вчера
- 86 просмотров
1

ответ
JavaScript

Простой
Как обрабатывать пользовательский запрос больше не показывать конкретный попап?
- 1 подписчик
- вчера
- 68 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать появление баннера от определенной высоты?
- 3 подписчика
- 22 апр.
- 588 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Запуск установки приложения PWA при загрузке страницы?
- 2 подписчика
- 21 апр.
- 216 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Модель управления электродвигателем в Matlab, Simulink

24 апр. 2024, в 06:52

5000 руб./за проект

Анимация логотипа

24 апр. 2024, в 00:08

20000 руб./за проект

Разработка дизайна раздела «Статьи» на сайте «Мир отходов»

23 апр. 2024, в 23:01

10000 руб./за проект

Answer 1 · 2019-02-05 10:10:29

WapSter @wapster92 Куратор тега JavaScript

\n перенос, \t табуляция

Ответ написан более трёх лет назад

6 комментариев

Answer 2 · 2019-02-05 10:38:54

tablesContainer.append([
  '<span>обьект: ' + gild.find('input').val() + ' </span>',
  '<table border="1" cellpadding="3" cellspacing="1"  data-gild-id="' + i + '">',
  '<thead>',
  '<tr>',
  '<td rowspan="2">№ <br> п/п</td>',
  '<td rowspan="2">ФИО работника</td>',
  '<td rowspan="2">Профессия</td>',
  '<td colspan="4">Сроки выполнения работ</td>',
  '</tr>',
  '</table>',
  ].join("\n"));

Как разбить код из одной строки в несколько на js?

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

Минуточку внимания

Войдите на сайт