Как сохранять текст в textarea на сайте при изменении?

Question

[ALTech1]

Хочу сделать передачу текста с телефона на компьютер и понадобилось сделать так, чтобы при любом изменении текста в textarea на сайте текст сохранялся и при обновлении сайта не сбрасывался. В интернете уже искал и все равно ничего не понял. Объясните пожалуйста как это сделать?

Comments

[Роман]

учи fullstack и будет тебе счастье))))

[Kovalsky]

Варианта два - хранить данные на клиенте или на сервере. Как-то так. Даже не знаю что тут ещё объяснять. Если храните данные на сервере, то при загрузке документа грузите с сервера контент для элемента; если на клиенте - из локального хранилища

[Роман]

Kovalsky, он же хочет сделать так, чтобы данные были доступны с любого устройства)

[ALTech1]

Роман, все верно. Затея в том, что я ввожу текст в textarea на сайте а программа на питоне парсит этот сайт и получает текст, введенный с телефона.

[ALTech1]

Kovalsky, а если я буду сохранять текст в файле на своем компьютере, а потом его выводить при загрузке файла. Такое возможно сделать?

[Роман]

ALTech1, fullstack с упором на backend. Иначе вы будете не вебобезьянкой а в лучшем случае вебпопугаем, в худшем вебдятлом.

список нужных вам технологий тут https://github.com/kamranahmedse/developer-roadmap

PS: список "слегка" (ага ага) избыточен)))) Но если вы всетаки разберетесь что тут лишнее, то вы точно никогда не будете больше задавать вопросов, решение которых в текущий момент вам не под силу.

[ALTech1]

Роман, сказать что я ничего не понял из вами сказанного, ничего не сказать, но спасибо буду разбираться

[Роман]

ALTech1, именно это я и хотел сказать. Ваш вопрос касается достаточно большого количества различных web (и не только) технологий. Прямо сейчас вам могут дать решение вашего вопроса, но оно вызовет у вас еще больше вопросов.
В общих чертах вам надо:
1. сервер, умеющий:
- различать клиентов, даже заходящих с разных устройств (решается с помощью авторизации)
- принимать, сохранять и отдавать данные по запросу клиентов
2. клиент (клиенты), умеющий:
- в фоновом режиме отправлять на сервер все что вы печатаете
- запрашивать у сервера последнюю актуальную версию инфы
- подставлять данную инфу в нужные вам поля (поля ввода)

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

[Kovalsky]

ALTech1, конечно возможно, но в целом схема будет такая же как в ответе BATPYIIIKOB, только во втором пункте бд заменить на файл

Answer 1

[BATPYIIIKOB]

1. При добавлении текста необходимо выполнять AJAX запрос, который будет передавать данные поля в скрипт обработки на сервере. Как вариант вы можете отлавливать событие либо потери элементом фокуса, либо событие нажатия клавиш, также есть под js плагин, в котором уже реализованы все возможные события по вводу текста в поле - можно использовать его.
2. На сервере (допустим у вас серверная часть на РНР), скрипт принимает входящий запрос и обрабатывает полученные данные валидируя и записывая их в БД.
3. При загрузке страницы идёт заполнение поля из данных полученных в БД.
4. Если же вы желаете синхронизировать изменение данных без обновления страниц на сайте и телефоне, то можете посмотреть в сторону (WebSocket — протокол связи поверх TCP-соединения, предназначенный для обмена сообщениями между браузером и веб-сервером в режиме реального времени), либо поставить таймер на странице и постоянно мониторить через AJAX БД. В случае изменения - данные подтягивать в поле.

Answer 2

[FutsalShuffle]

Можно сохранять в бд и загружать оттуда, но так делают если есть регистрация и логин на сайте