Как сохранить и просмотреть текстовую запись, сделанную пользователем в HTML
У меня есть веб-сайт, на котором я хочу, чтобы пользователи могли отправлять текст, который я могу просмотреть, а затем публиковать его как текст, который люди не могут редактировать. У меня есть функция записи и сохранения информации на потом, но я не могу получить доступ к этому тексту.
Вот код, упрощенный для части ввода и сохранения текста (остальное - стилизация, а что нет):
<html>
<head>
<title> Submit Text </title>
<script type="text/javascript">
function saveEdits() {
//get the editable element
var editElem = document.getElementById("edit");
//get the edited element content
var userVersion = editElem.innerHTML;
//save the content to local storage
localStorage.userEdits = userVersion;
//write a confirmation to the user
document.getElementById("update").innerHTML="- Edits saved!";
}
function checkEdits() {
//find out if the user has previously saved edits
if(localStorage.userEdits!=null)
document.getElementById("edit").innerHTML = localStorage.userEdits;
}
</script>
</head>
<body onload="checkEdits()">
<p>
<div id="edit" contenteditable="true">
<p>
Here is the element's original content
</p>
</div>
<p>
<input type="button" value="save my edits" onclick="saveEdits()"/>
<div id="update"><p> - Edit the text and click to save for next time</div></p>
</body>
Вот ссылка на мой сайт, если вы хотите увидеть, о чем я говорю в действии: https://chattah.neocities.org/ChattahStory.html
Это новая функция для моего сайта, над которой я работаю
Что мне не хватает, чтобы иметь возможность собирать данные? Я действительно не хочу переходить на PHP, потому что хост не поддерживает PHP, но если PHP - единственный способ, то это хорошо. Спасибо
1 ответ
Вы храните данные в локальном хранилище - на собственном компьютере клиента. Естественно, вы не можете получить доступ к этому. Прямо сейчас вы используете JavaScript в качестве клиентского языка. Вам нужен язык на стороне сервера, чтобы получить входные данные. Я знаком с PHP. Но если вы действительно хотите придерживаться JavaScript, вероятно, Node.js - ваш лучший выбор.