Importer dans le bloc-notes à l’aide de jQuery

Existe-t-il un lien permettant d’exporter les données vers le bloc-notes? J’ai des champs comme Nom, Age et WorkingStatus

Ce sont du texte et textarea …

Je veux insérer ces données dans le bloc-notes. Existe-t-il des démos ou du code disponible?

Je ne connais aucun moyen d’ouvrir le bloc-notes dans le navigateur, mais vous pouvez utiliser les fonctionnalités HTML5 pour enregistrer un fichier au format texte, puis l’ouvrir vous-même à l’intérieur du bloc-notes. En fonction du navigateur, vous devrez peut-être enregistrer le fichier côté utilisateur. Voici deux références, que je vais résumer:

http://thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip/

http://updates.html5rocks.com/2011/08/Saving-generated-files-on-the-client-side

En gros, vous voulez créer et sauvegarder un blob avec votre texte. Ça devrait ressembler a quelque chose comme ca:

var arrayOfStuff = []; arrayOfStuff.push("Name Age Working status"); arrayOfStuff.push("-----------------------------------------------"); arrayOfStuff.push(document.getElementById("name").value); // etc var blob = new Blob(arrayOfStuff, {type:'text/plain'}); // (the rest is copied directly from the wordpress link) var downloadLink = document.createElement("a"); downloadLink.download = fileNameToSaveAs; downloadLink.innerHTML = "Download File"; if (window.webkitURL != null) { // Chrome allows the link to be clicked programmatically. downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob); downloadLink.click(); } else { // Firefox requires the user to actually click the link. downloadLink.href = window.URL.createObjectURL(textFileAsBlob); document.body.appendChild(downloadLink); } 

Si le bloc-notes n’est pas un gros problème, vous devriez également pouvoir ouvrir ce blob dans une iframe en tant que .txt, puis cliquer avec le bouton droit de la souris et enregistrer sous, si vous préférez.

modifier

Ok, c’était nouveau pour moi, donc certaines de mes informations les plus anciennes n’étaient pas tout à fait correctes. Voici le javascript du violon en marche:

 var arrayOfStuff = []; arrayOfStuff.push(document.getElementById("name").value + "\n"); arrayOfStuff.push(document.getElementById("email").value); arrayOfStuff.push("\n"); arrayOfStuff.push(document.getElementById("phone").value); arrayOfStuff.push("\n"); arrayOfStuff.push(document.getElementById("comments").value); arrayOfStuff.push("\n"); alert(arrayOfStuff); var blob = new Blob(arrayOfStuff, {type:'text/plain'}); var link = document.getElementById("downloadLink"); link.download = "details.txt"; link.href = window.URL.createObjectURL(blob); 

Le violon est à http://jsfiddle.net/xHH46/2/

Il y a quelques leçons apsockets:

  1. Si vous êtes sur firefox, vous avez la possibilité d’ouvrir le fichier .txt immédiatement dans le Bloc-notes. Cependant, le bloc-notes ne fait pas attention aux sauts de ligne, qu’ils soient \ n ou \ n \ r, ajoutés à la chaîne immédiate ou ajoutés séparément. Je vous recommande donc d’utiliser plutôt Wordpad. Ou, vous pouvez enregistrer le fichier.
  2. Plus important encore, sachez que le lien que vous affichez est basé sur la valeur du texte lorsque vous créez le blob. Si vous n’avez pas de valeurs par défaut, vous obtiendrez un fichier vide, car tous les champs sont vides. La solution wordpress corrige ce problème (et discute de son utilisation la semaine dernière), mais le correctif est moche. Fondamentalement, vous devez cliquer sur un bouton, lequel fera ensuite apparaître un lien, qui vous donnera le bon fichier.

Vous ne pourrez pas faire cela avec du javascript pur. Vous devez générer le côté serveur de fichiers et l’envoyer au client.