HTML escrever arquivo de texto. [JavaScript]

1. HTML escrever arquivo de texto.

Enviado em 21/09/2017 - 08:23h

Olá Pessoal !

Pretendo criar uma interface WEB para criar Formulários:
PERGUNTA:
Esse código abaixo tem como modificar para escrever uma saida(textarea conteudo) em um arquivo de texto ?

Se não for possível criar arquivo de texto em HTML acho que vou recorrer mesmo a C.

OBS: Quero usar apenas API WEB(HTML, CSS e JavaScript).

OBS2: Ou poderia ser usando o NodeWebKit.

<!DOCTYPE html>
<html>
<body>

<button onclick='SaveText()'>Save Text</button>

<textarea id="my_editor" style="width:320px; height:240px;">
//
// testando ...
//
win = os_NewWidow();
</textarea>

<script>

function SaveText(){
alert ("Clicando no botao: Save Text");
}

</script>
</body>
</html>

2. Re: HTML escrever arquivo de texto.

Enviado em 21/09/2017 - 08:31h

OBS: tentei formatar o código(em HTML não ficou identada/parágrafo) acima mas a página dava erro ... por isso testei colocando esse segundo post .

testando ...

Só complementando a pergunta acima:
Me refiro a gravar texto localmente no meu HD.

3. Re: HTML escrever arquivo de texto.

Enviado em 21/09/2017 - 12:29h

gokernel escreveu:

Olá Pessoal !

Pretendo criar uma interface WEB para criar Formulários:
PERGUNTA:
Esse código abaixo tem como modificar para escrever uma saida(textarea conteudo) em um arquivo de texto ?

Se não for possível criar arquivo de texto em HTML acho que vou recorrer mesmo a C.

OBS: Quero usar apenas API WEB(HTML, CSS e JavaScript).

OBS2: Ou poderia ser usando o NodeWebKit.

<!DOCTYPE html>
<html>
<body>

<button onclick='SaveText()'>Save Text</button>

<textarea id="my_editor" style="width:320px; height:240px;">
//
// testando ...
//
win = os_NewWidow();

Boa tarde Gokernel.
Montei uma agenda de contatos (em JS), no caso de Inclusão/Alteração de um novo contato, é gerado um novo txt,
sendo que a minha intenção seria atualizar o arquivo "contatos.txt", já existente.
Com PHP ou CGI, a "coisa" muda de figura, facilita bastante . . .

Att.:
Marcelo Oliver

4. Re: HTML escrever arquivo de texto.

Enviado em 21/09/2017 - 12:59h

Você conhece o FileSaver.js?

https://github.com/eligrey/FileSaver.js
https://eligrey.com/demos/FileSaver.js/

5. Re: HTML escrever arquivo de texto.

Enviado em 21/09/2017 - 14:18h

Valeu pessoal, grato pelo retorno !

"klauss.krenek", escreveu:
Você conhece o FileSaver.js?

Valeu cara, não conhecia esse ainda.

E depois de fazer o primeiro post, também fui procurar na net sobre o que queria e vi esses 2 bem interessantes:

Usando NodeWebKit:





function SaveText() {

    var fs = require('fs');



    fs.writeFile("d:/temp/test.txt", "Hello World FROM NODE erite file", function(err) {

        if(err) {

            alert("error");

        }

    });

}

E essa:

<html>
<body>

<table>
<tr><td>Text to Save:</td></tr>
<tr>
<td colspan="3">
<textarea id="inputTextToSave" cols="80" rows="25"></textarea>
</td>
</tr>
<tr>
<td>Filename to Save As:</td>
<td><input id="inputFileNameToSaveAs"></input></td>
<td><button onclick="saveTextAsFile()">Save Text to File</button></td>
</tr>
<tr>
<td>Select a File to Load:</td>
<td><input type="file" id="fileToLoad"></td>
<td><button onclick="loadFileAsText()">Load Selected File</button><td>
</tr>
</table>

<script type="text/javascript">

function saveTextAsFile()
{
var textToSave = document.getElementById("inputTextToSave").value;
var textToSaveAsBlob = new Blob([textToSave], {type:"text/plain"});
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;

var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);

downloadLink.click();
}

function destroyClickedElement(event)
{
document.body.removeChild(event.target);
}

function loadFileAsText()
{
var fileToLoad = document.getElementById("fileToLoad").files[0];

var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent)
{
var textFromFileLoaded = fileLoadedEvent.target.result;
document.getElementById("inputTextToSave").value = textFromFileLoaded;
};
fileReader.readAsText(fileToLoad, "UTF-8");
}

</script>

</body>
</html>

Achei muito melhor a usando NodeWebKit.

E outra pergunta:
Como postar aqui no VOL códigos HTML?
Pois usando a tag [ code ] parece que não funcionar direito.

Resolvido.

6. Re: HTML escrever arquivo de texto.

Enviado em 21/09/2017 - 14:46h

E pessoal, não tem muito haver com o tópico mas vi esse também.
https://github.com/xem/miniCodeEditor

O exemplo ( mini.html ) é bem interessante para o que quero... só compartilhando.

E para minha surpresa o código é somente isso:

HTML escrever arquivo de texto.

Responder tópico