2016-04-06 23 views
0

HTML5 ve JavaScript kullanarak bir metin dosyası (log dosyası) okumaya çalışıyorum ama metni nasıl ayrıştırı veya biçimlendirebileceğimi bilmiyorum.Javascript ve HTML'de FileReader ile yerel metin dosyasını formatlayın/biçimlendirin 5

Günlük dosyasını Gedit veya Sublime Text gibi bir metin düzenleyicisiyle açarsam, biçimlendirilmiş herşeyi görebiliyorum. Ama eğer HTML dokümanı ile ekrandaki metni gösterirsem, metnin hiç bir düzeni yok ... Problemin hat kesintileri yüzünden olduğunu düşünüyorum ... Hat kesintilerini nasıl zorlayabilirim?

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" lang="es-es"> 
<title>Leer archivo de texto</title> 

<style> 
div { 
margin-top: 30px; 
border: solid 1px black; 
padding: 5px; 
} 
</style> 

<script> 

function processFiles(files) { 
var file = files[0]; 

var reader = new FileReader(); 

reader.onload = function (e) { 
// Cuando éste evento se dispara, los datos están ya disponibles. 
// Se trata de copiarlos a una área <div> en la página. 
var output = document.getElementById("fileOutput"); 
output.textContent = e.target.result; 
}; 
reader.readAsText(file); 
} 

</script> 
</head> 

<body> 
<input id="fileInput" type="file" size="50" onchange="processFiles(this.files)"> 
<div id="fileOutput"></div> 
</body> 
</html> 

messy text

Text well formatted using in a text editor

seni çok sağolun: Burada

kodudur.

cevap