[Autre] Transformez votre navigateur en bloc-note

Bovino · 31/01/2013, 09h14

C'est peut-être aussi votre cas, mais il m'arrive souvent d'avoir envie (ou besoin) de conserver certaines informations ou certains textes dans un coin mais sans vouloir pour autant les conserver.

La méthode habituelle, c'est de créer un fichier .txt dans lequel on note ou copie / colle ces informations. Puis, une fois que l'on n'en a plus besoin, on supprime de fichier.

Mais tout cela est bien inutile !
Votre navigateur peut faire office de bloc-note et comme (si vous êtes comme moi !

) le navigateur est constamment ouvert, cette solution est idéale.

Pour cela, il suffit d'ouvrir un onglet et de rentrer dans la barre d'adresse :

Citation:

data:text/html, <html contenteditable>

Et voilà ! Le tour est joué, il ne vous reste qu'à écrire !

Source : One line browser notepad.

happyboon · 31/01/2013, 11h18

Citation:

Envoyé par Bovino

La méthode habituelle, c'est de créer un fichier .txt dans lequel on note ou copie / colle ces informations. Puis, une fois que l'on n'en a plus besoin, on supprime de fichier.

Et voilà ! Le tour est joué, il ne vous reste qu'à écrire !

excuse moi Bonivo une fois que j'ai mon code html saisi dans le navigateur, comment je fais pour le tester et le voir son rendement en tant que internaute?

Gadjetor · 31/01/2013, 11h20

Et le Ctrl+S fonctionne aussi ! Permettant de sauvegarder la note...

macmorning · 31/01/2013, 14h03

Hello,

J'essaie d'ajouter un bout de code pour sauvegarder le contenu dans le localStorage toutes les 2 secondes, voilà où j'en suis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

data:text/html, <html><script>function i(){document.getElementById('textdiv').innerHTML=localStorage.mynotes;setInterval(function(){localStorage.mynotes=document.getElementById('textdiv').innerHTML;},2000);}</script><body onload="i();"><div contenteditable style="width:100%;height:100%;font-family:tahoma;border:1px black;" id='textdiv'/></body></html>

Malheureusement il n'a pas l'air de sauvegarder correctement mon localStorage, peut-être est-ce dû à la méthode d'accès via "data:text/html" ?

Bovino · 31/01/2013, 14h07

Attention !
Le but n'est absolument pas de transformer le navigateur en éditeur HTML !
Pour ça, tous les navigateurs dignes de ce nom possèdent des consoles efficaces.

Le but est de pouvoir utiliser un onglet du navigateur comme bloc-note temporaire !

macmorning · 31/01/2013, 14h12

Oui c'est pour le fun !

Et effectivement lorsque je mets le code dans un fichier html, le localStorage est bien conservé.

Bovino · 31/01/2013, 15h43

Ce n'est pas possible avec cette méthode car localStorage est limité par des contraintes de sécurité (notamment la Same Origin Policy) qui ne sont pas présentes.

En revanche, dans un fichier, c'est possible :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Bloc Note</title>
	<script>
		window.onload = function(){
			var content = localStorage.getItem('notepad') ? localStorage.getItem('notepad') : '';
			document.body.innerHTML = content;
			document.body.onkeyup = function(){
				localStorage.setItem('notepad', document.body.innerHTML);
			}
		}
	</script>
</head>
<body contenteditable></body>
</html>

Bon, il manque quelques tests de feature detection, mais dans les navigateurs compatibles, ça fonctionne.

31/01/2013, 14h03	#4
macmorning Invité régulier Bricoleur Inscription : janvier 2006 Messages : 6 Détails du profil Informations professionnelles : Activité : Bricoleur Informations forums : Inscription : janvier 2006 Messages : 6 Points : 6 Points : 6	Hello, J'essaie d'ajouter un bout de code pour sauvegarder le contenu dans le localStorage toutes les 2 secondes, voilà où j'en suis : Code : Sélectionner tout - Visualiser dans une fenêtre à part data:text/html, <html><script>function i(){document.getElementById('textdiv').innerHTML=localStorage.mynotes;setInterval(function(){localStorage.mynotes=document.getElementById('textdiv').innerHTML;},2000);}</script><body onload="i();"><div contenteditable style="width:100%;height:100%;font-family:tahoma;border:1px black;" id='textdiv'/></body></html> Malheureusement il n'a pas l'air de sauvegarder correctement mon localStorage, peut-être est-ce dû à la méthode d'accès via "data:text/html" ?
	00

31/01/2013, 14h07	#5
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 18 075 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 42 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 18 075 Points : 64 522 Points : 64 522	Attention ! Le but n'est absolument pas de transformer le navigateur en éditeur HTML ! Pour ça, tous les navigateurs dignes de ce nom possèdent des consoles efficaces. Le but est de pouvoir utiliser un onglet du navigateur comme bloc-note temporaire ! __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

31/01/2013, 11h20	#3
Gadjetor Invité de passage Développeur Web Inscription : janvier 2008 Messages : 1 Détails du profil Informations personnelles : Âge : 28 Localisation : France, Seine Maritime (Haute Normandie) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2008 Messages : 1 Points : 2 Points : 2	Et le Ctrl+S fonctionne aussi ! Permettant de sauvegarder la note...
	00

31/01/2013, 14h12	#6
macmorning Invité régulier Bricoleur Inscription : janvier 2006 Messages : 6 Détails du profil Informations professionnelles : Activité : Bricoleur Informations forums : Inscription : janvier 2006 Messages : 6 Points : 6 Points : 6	Oui c'est pour le fun ! Et effectivement lorsque je mets le code dans un fichier html, le localStorage est bien conservé.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email