Bästa lösningen för att visa en textfil via htlm?

Permalänk
Medlem

Bästa lösningen för att visa en textfil via htlm?

Halloj!

Håller på med signage på mitt företag och vill visa lite statisk på våra skärmar. Har en textfil som genereras ett per gånger per dag som jag vill visa via ett html dokument.

Efter mycket googlande så har jag försökt fixa enligt nedan men får det ej att fungera, så ni kanske har en smartare lösning?

Nedan skall göra att textfilen visas inom en iFrame och sedan redigeras texten via js för att bli bättre synlig, jag får fram texten i rutan men att redigera den i efterhand var en större utmaning. Detta kanske inte ens går att lösa?

HTML:
<iframe id="total" src="http://server/fil.txt"></iframe>

CSS:
<style type="text/css">
iframe{
border:none;
width:400px;
height:50px;
display:block;
}
</style>

Javascript:

<script>
var frame = document.getElementById('total');
frame.onload = function () {
var body = frame.contentWindow.document.querySelector('body');
body.style.color = 'red';
body.style.fontSize = '40px';
body.style.lineHeight = '20px';
};
</script>

Visa signatur

|CPU: Intel i5 6600K |GPU: Asus RTX 3060Ti |PSU: XFX 750W
|MB: ASUS Z170-A |RAM: Crucial 16GB DDR4 2400Mhz
Citera för svar!

Permalänk
Hedersmedlem

Jag tror inte att du kan använda CSS eller Javascript för att stila en Iframe.

Som ett alternativ, har du funderat på att bygga ett <pre>-element och sedan läsa in dokumentet där med Javascript? Som här alltså: https://stackoverflow.com/a/18367048