Как можно вставить текст в несколько input?

Question

[Илья Рязанов]

Есть html таблица с ячейками из input. Возможно ли с помощью js сделать так, чтобы копируя данные таблицы из excel/word'а, можно было вставить их идентично в таблицу из input'ов, чтобы данные разделились по колонкам и строкам, а не вставлялись в один input? Если можно, распишите пожалуйста подробнее, не пойму как это сделать)

Comments

[Алекс Глебов]

Вставляй в div с contenteditable, вставится html, дальше парси его и переноси куда надо.

Answer 1

[dollar]

Можно.

Нужно, чтобы на странице был отдельный многострочный инпут типа textarea. В него копируете таблицу, она получается в виде обычного текста с разделителями. Дальше скриптом парсите этот текст и скриптом же вставляете в отдельные input в соответствии с логикой страницы.

Это можно также оформить в виде браузерного расширения или вообще в виде юзер-скрипта, который всталвяется в консоль. Дело вкуса, если вы знаете js.

Comments

[Илья Рязанов]

Сделал textarea, понял как можно распарсить, только вот вопрос, можно ли использовать метод split одновременно и с \t и с \n для того чтобы распарсить вставляемую таблицу и по строкам и по столбца сразу, если я правильно понял?

[dollar]

Илья Рязанов, сначала split \r\n, либо split \n + trim,
а затем каждую split \t

[Илья Рязанов]

dollar, почти получилось, но от split \t строки распарсились как-то криво (см.скрин). Подскажите пожалуйста , как можно это починить?https://habrastorage.org/webt/60/5d/cb/605dcb45e5a...

[dollar]

Илья Рязанов, самое простое - вывести в консоль строку, которую парсите, и посмотреть, какие там разделители: \n, или \r, или \r\n. Либо сделать универсальный вариант под все случаи.

Но вообще похоже на ошибку другого рода, в самой логике парсинга. Перепроверьте, что именно вы делаете и как. Хотя, возможно, к этому времени уже успели всё исправить.

Answer 2

[Артём]

js-xlsx в помощь