J'ai cette idée folle d'avoir un fichier simple .html avec des zones de texte qui peuvent être éditées mais je ne veux pas avoir de base de données ou de backend, juste ce fichier et pouvoir l'ouvrir dans le navigateur et dans navigateur ajouter du texte et l'enregistrer en quelque sorte .... est-ce possible sans backend et base de données?

Voici un exemple simple:

<!DOCTYPE html>

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Test</title>
</head>
<body>

<textarea rows="4" cols="50">
    At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>


</body>
</html>

Et ce que je veux, c'est pouvoir enregistrer les modifications apportées dans Textarea pour qu'elles soient permanentes, donc lorsque je copie ce fichier .htm, ces modifications devraient être présentes dans le code source de ce fichier htm.

2
lewis4u 29 août 2017 à 13:00

2 réponses

Dans HTML5 , vous pouvez utiliser le stockage local pour enregistrer les données.

L'objet localStorage stocke les données sans date d'expiration. Les données ne seront pas supprimées à la fermeture du navigateur et seront disponibles le jour, la semaine ou l'année suivante.

Utilisez l'exemple suivant en javascript pour stocker et récupérer les données:

// Store
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
0
Nirzar 29 août 2017 à 10:04

Il est possible d'éditer un fichier HTML à la volée en utilisant l'attribut contenteditable, ou simplement à partir de l'inspecteur Web de votre navigateur.

Pour enregistrer la page, vous pouvez utiliser localStorage ou d'autres mécanismes pour l'enregistrer uniquement sur votre ordinateur.

Il est même possible de créer un éditeur de texte simple qui fonctionne dans votre navigateur, simplement en accédant à cette URL: data:text/html,<html contenteditable></html>

Vous pouvez consulter ce billet de blog pour en savoir plus: https://www.simonewebdesign.it/how-to-make-browser-editor-with-html5-contenteditable/ (je suis l'auteur)

2
Simone 29 août 2017 à 10:04