html in c array

[maik (Gast)]

Hallo wie der Betreff schon sagt suche ich ein Programm das mir aus 
einer Html datei ein c array erzeugt.

[npn (Gast)]

maik schrieb:
> Hallo wie der Betreff schon sagt suche ich ein Programm das mir
> aus
> einer Html datei ein c array erzeugt.

Wenn du jetzt noch verrätst, was das werden soll, kann dir sicherlich 
auch geholfen werden.
Im einfachsten Fall kann man sagen, daß die html-Datei schon ein Array 
aus Bytes ist. Aber das meinst du sicherlich nicht. Wie also sollen die 
Felder des Arrays aussehen, was sollen für Felder vorhanden sein, wie 
viele, mit was sollen sie gefüllt werden und so weiter...
Vielleicht wäre auch ein Beispiel ganz nützlich, mit der html-Datei und 
dem daraus zu erstellendem Array. Aber mit deinen jetzigen Angaben kann 
man nichts sinnvolles anfangen...

[Wolfgang A. (Gast)]

maik schrieb:
> Hallo wie der Betreff schon sagt suche ich ein Programm das mir aus
> einer Html datei ein c array erzeugt.

Notepad++ ?

[Max H. (hartl192)]

maik schrieb:
> Hallo wie der Betreff schon sagt suche ich ein Programm das mir
> aus einer Html datei ein c array erzeugt.

int main(int argc, char** argv)
{
  FILE *html = fopen("website.html", "rb");
  if(!html)
    return -1;
  FILE *output = fopen("out.c", "w");
  if(!output)
  {
    fclose(html);
    return -1;
  }

  char read;
  fread(&read, sizeof(char), 1, html);
  fprintf(output, "char array[] = {%d", read);

  fread(&read, sizeof(char), 1, html);
  while(!feof(html))
  {
    fprintf(output, ", %d", read);
    fread(&read, sizeof(char), 1, html);
  }

  fprintf(output, "};\n");
  fclose(html);
  fclose(output);
  return 0;
}

[npn (Gast)]

;-)

[maik (Gast)]

Daa sollte dann so aussehen.
Ich suche ein programm welches die html datei einliest und daraus dann 
array generiert.

das programm sollte für Windows sein



static const unsigned char data_page[] = {
  0x2f, 0x70, 0x72, 0x6f, 0x63, 0x65, 0x73, 0x73, 0x65, 0x73, 0x2e, 
0x73, 0x68, 0x74, 0x6d, 0x6c, 0,
  0x25, 0x21, 0x3a, 0x20, 0x2f, 0x68, 0x65, 0x61, 0x64, 0x65,
  0x72, 0x2e, 0x68, 0x74, 0x6d, 0x6c, 0xa, 0x3c, 0x68, 0x31,
  0x3e, 0x53, 0x79, 0x73, 0x74, 0x65, 0x6d, 0x20, 0x70, 0x72,
  0x6f, 0x63, 0x65, 0x73, 0x73, 0x65, 0x73, 0x3c, 0x2f, 0x68,};

[Karl Käfer (Gast)]

Hallo maik,

maik schrieb:
> Daa sollte dann so aussehen.
> Ich suche ein programm welches die html datei einliest und daraus dann
> array generiert.
>
> das programm sollte für Windows sein
>
> static const unsigned char data_page[] = {
>   0x2f, 0x70, 0x72, 0x6f, 0x63, 0x65, 0x73, 0x73, 0x65, 0x73, 0x2e,
> 0x73, 0x68, 0x74, 0x6d, 0x6c, 0,
>   0x25, 0x21, 0x3a, 0x20, 0x2f, 0x68, 0x65, 0x61, 0x64, 0x65,
>   0x72, 0x2e, 0x68, 0x74, 0x6d, 0x6c, 0xa, 0x3c, 0x68, 0x31,
>   0x3e, 0x53, 0x79, 0x73, 0x74, 0x65, 0x6d, 0x20, 0x70, 0x72,
>   0x6f, 0x63, 0x65, 0x73, 0x73, 0x65, 0x73, 0x3c, 0x2f, 0x68,};

Für sowas (und vieles andere) lohnt es sich meisten auch unter Windows, 
eine Python-Installation an Bord zu haben:

hx = list()
with open("datei.html", "r") as ifh:
    for line in ifh.readlines():
        for char in line:
            hx.append(hex(ord(char)))
print ', '.join(hx)

Liebe Grüße,
Karl

[Nils S. (kruemeltee)]

https://github.com/spacerace/bin2header

[Wolfgang A. (Gast)]

maik schrieb:
> Angehängte Dateien:
>
> web.html (5,86 KB, 13 Downloads)

Dir ist schon klar, dass das keine HTML-Datei ist, oder?

[Rainer1975 (Gast)]

>Daa sollte dann so aussehen.
Dafür brauchst Du kein spezielles Programm.
Speichere die HTML Seite als Textdatai ab.


- Markiere allen Anführungsszeichen " und ersetze alle durch ein \"
- Markiere einen Zeilenumbruch und ersetzte alle durch \r\n" 
ZEILENUMBRUCH "
- Davor ein PROGMEM char Page1[] = {"
- Danach ein "};

[maik (Gast)]

Ich suche ein Programm welches mir aus der Webseite ein Array erzeugt.
So in etwa.

static const unsigned char data_page[] = {
0x2f, 0x70, 0x72, 0x6f, 0x63, 0x65, 0x73, 0x73, 0x65, 0x73, 0x2e, 0x73, 0x68, 0x74, 0x6d, 0x6c, 0,
0x25, 0x21, 0x3a, 0x20, 0x2f, 0x68, 0x65, 0x61, 0x64, 0x65,
0x72, 0x2e, 0x68, 0x74, 0x6d, 0x6c, 0xa, 0x3c, 0x68, 0x31,
0x3e, 0x53, 0x79, 0x73, 0x74, 0x65, 0x6d, 0x20, 0x70, 0x72,
0x6f, 0x63, 0x65, 0x73, 0x73, 0x65, 0x73, 0x3c, 0x2f, 0x68,};

//Dazustellende Webseite
PROGMEM char Page1[] = {
 "<head>\r\n"
   "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">\r\n"
   "<title>Net-IO Webserver</title>\r\n"
   "<style type=\"text/css\">\r\n"
     "<!--"
     // "BODY {margin: 0 0 0 0; background-color: white; text-align:center;}\r\n"
     "HTML {background-color:#FFFFFF;font-family: Comic Sans MS;}\r\n\r\n"
     "P, DIV, H1, H2 {font-family: verdana, arial; font-size: 11px;}\r\n"
     "FIELDSET {background-color: #D9D9CC;}\r\n"
     "H1 {background-color: #CCCCFF; padding-top:5px; padding-bottom:5px;\r\n"
       "font-size: 20px; color: #004060; font-weight:bold; letter-spacing: 8px;\r\n"
       "border-top: 2px solid #EEEEEE; border-left: 2px solid #EEEEEE;\r\n"
       "border-bottom: 2px solid #004060; border-right: 2px solid #004060;}\r\n"
     "H2 {font-size: 15px; padding-top: 20px; padding-left:50px; padding-right:50px;\r\n"
       "color:#004080; font-weight:bold;}\r\n"
     "P, H1, H2 {margin: 0px 0px 5px 0px;}\r\n"
     "-->"
   "</style>\r\n"
 "</head>\r\n"
 "<body>\r\n"
 "<br>\r\n"
 "<table align=\"center\" width=\"650\" border=\"0\">\r\n"
   "<tr>\r\n"
     "<td colspan=\"2\">\r\n"
       "<div align=\"center\">\r\n"
       "<h1>Net-IO Webserver</h1>\r\n"
       "</div><BR>\r\n"
     "</td>\r\n"
   "</tr>\r\n"
   "<tr>\r\n"
     "<td colspan=\"2\">\r\n"
       "<div align=\"center\">\r\n"
       "<p>Software Version: 3.0</p>\r\n"
       "</div>\r\n"
     "</td>\r\n"
   "</tr>\r\n"
   "<tr valign=\"top\">\r\n"
     "<td>\r\n"
       "<fieldset style=\"width:300px\"><legend>Digital Control</legend>\r\n"
  
       "<form name=\"form1\" method=\"post\" action=\"\">\r\n"
         "<div align=\"left\">\r\n"
      // ------------ Digital-Ausgänge PortC[0..7] ------------
      //Port Schalten und Status %PORTCn bedeutet PORTC PINn
       "<p><input type=\"checkbox\" name=\"OUT\" value=\"A\" %PORTC0>\r\n"
       "<span class=\"Stil2\">Port C Pin 0</span></p>\r\n"

       "<p><input type=\"checkbox\" name=\"OUT\" value=\"B\" %PORTC1>\r\n"
       "<span class=\"Stil2\">Port C Pin 1</span></p>\r\n"

       "<p><input type=\"checkbox\" name=\"OUT\" value=\"C\" %PORTC2>\r\n"
       "<span class=\"Stil2\">Port C Pin 2</span></p>\r\n"

       "<p><input type=\"checkbox\" name=\"OUT\" value=\"D\" %PORTC3>\r\n"
       "<span class=\"Stil2\">Port C Pin 3</span></p>\r\n"

       "<p><input type=\"checkbox\" name=\"OUT\" value=\"E\" %PORTC4>\r\n"
       "<span class=\"Stil2\">Port C Pin 4</span></p>\r\n"

       "<p><input type=\"checkbox\" name=\"OUT\" value=\"F\" %PORTC5>\r\n"
       "<span class=\"Stil2\">Port C Pin 5</span></p>\r\n"

       "<p><input type=\"checkbox\" name=\"OUT\" value=\"G\" %PORTC6>\r\n"
       "<span class=\"Stil2\">Port C Pin 6</span></p>\r\n"

       "<p><input type=\"checkbox\" name=\"OUT\" value=\"H\" %PORTC7>\r\n"
       "<span class=\"Stil2\">Port C Pin 7</span></p>\r\n"

       "<br>\r\n"
         // ------------------ WOL ------------------
         #if USE_WOL
         "<p><input type=\"checkbox\" name=\"OUT\" value=\"W\">\r\n"
         "<span class=\"Stil2\">WOL Enterprise</span></p>\r\n"
       #endif //USE_WOL
 
       "<pre align=\"left\"><input type=\"submit\" name=\"SUB\" value=\"Senden\"></pre>\r\n"
       "</div>\r\n"
     "</form>\r\n"

[Phantomix X. (phantomix)]

Notepad++


Ein Paar "Suchen & Ersetzen"-Läufe und du hast dein Ergebnis. Ansonsten, 
wenn du es dynamisch bzw. öfter machen müsstest, empfehl ich dir, das 
C-Programm von Max H zu nehmen und zu modifizieren

[Joachim D. (Firma: JDCC) (scheppertreiber)]

maik schrieb:
> PROGMEM char Page1[] = {
>  "<head>\r\n"

So wird nichts angezeigt. Laß das mit einem '\n' beginnen:

PROGMEM char Page1[] = {
 "\n<head>\r\n"
  ...

[Peter II (Gast)]

maik schrieb:
> Hallo wie der Betreff schon sagt suche ich ein Programm das mir aus
> einer Html datei ein c array erzeugt.

warum umständlich wenn es auch einfach geht?

Du kannst jedes Datei(auch html) in ein objekt für den Linker umwandeln. 
Damit kannst du dann einfach mit C darauf zugreifen.

http://www.atmel.com/webdoc/AVRLibcReferenceManual/FAQ_1faq_binarydata.html

Dann kann man auch mal schnell die html Datei anpassen.

[Wolfgang (Gast)]

Phantomix Ximotnahp schrieb:
> Ein Paar "Suchen & Ersetzen"-Läufe und du hast dein Ergebnis.

Und die lassen sich auch noch in ein Makro packen ;-)

[Thomas W. (thomas_v2)]

Ich habe mir dazu mal folgende Skripts erstellt:

html_to_inc.bat:

@echo off
rem Wandelt eine Eingabe HTML-Datei (Parameter 1) in eine Datei die im C-Programm
rem includiert werden kann. Am Zeilenanfang und -ende wird ein " hinzugefügt.
rem Sonderzeichen ' und " werden escaped, an die letzte Zeile wird ein ; angehängt.

sed 's/\''/\\\'\'/g;s/"/\\\"/g;s/^^/\\"/g;s/$/\\"/g' %1 > html_to_inc.tmp
sed $'s/$/;/g' html_to_inc.tmp > %2
rm html_to_inc.tmp

Und dann in ein Makefile gepackt:

# HTML-Dateien in Format für includierung zu wandeln
htmltoinc:
  @echo Konvertiere HTML-Dateien...
  html_to_inc.bat index.html index.html_inc
  html_to_inc.bat status.html status.html_inc
  html_to_inc.bat led.html led.html_inc
  html_to_inc.bat test.html test.html_inc
  html_to_inc.bat page_not_found.html page_not_found.html_inc
  @echo ...beendet.
  @echo

Und dann im C-Code mit
#include "index.html_inc"
einbinden.

[maik (Gast)]

Gibst denn kein programm für windows wo die html datei eingelesen wird 
und als ausgang dann mein array.

wie zum beispiel für bilddaten solch ein konverter

[Max H. (hartl192)]

maik schrieb:
> Gibst denn kein programm für windows wo die html datei eingelesen wird
> und als ausgang dann mein array.

[Rufus Τ. F. (rufus)]

maik schrieb:
> Ich suche ein Programm welches mir aus der Webseite ein Array erzeugt.

Du hast bereits ein Array. Da steht Deine Webseite drin.

//Dazustellende Webseite
PROGMEM char Page1[] = {
 "<head>\r\n"

Was da "Page1" genannt wird, das ist Dein Array. Da musst Du nichts 
umwandeln.

[A. H. (ah8)]

maik schrieb:
> Gibst denn kein programm für windows wo die html datei eingelesen wird
> und als ausgang dann mein array.

Wahrscheinlich nicht. Denn einerseits wäre die Parametrierung viel zu 
aufwendig (Wie soll das Feld heißen? Welchen genauen Typ und welche 
Attribute solle es haben? Soll ein '\r', ein '\n' oder ein '\r\n' 
angehangen werden? etc.) und andererseits gibt es genug Werkzeuge, die 
solche Aufgaben mit einem simplen Einzeiler erledigen, zum Beispiel die 
Unix-Shell:

$ cat myfile.html | (echo "PROGMEM char Page1[] = {"; awk '{printf("\t\"%s\\r\\n\"\n", $0)}'; echo "};")

Natürlich muss man die nicht selten etwas kryptische Handhabung solcher 
Werkzeuge erst einmal erlernen, die Zeit ist aber oft besser investiert 
als die immer wiederkehrende Suche nach einem passenden 
ready-to-use-out-of-the-box Tool.

Eine Sammlung geeigneter Techniken findest Du hier: 
http://docscript.sourceforge.net/docscript.pdf Da geht es zwar primär um 
die Erstellung von HTML-Dokumenten, die Techniken können aber ebenso gut 
zur Generierung von Quellcode eingesetzt werden.