INFO: Dieses Forum nutzt Cookies...

TechnikerHannes · 27.02.2020, 09:19

(24.02.2020 15:13)Tommy56 schrieb: Da Dein Code zeigt, dass Du unsere Ratschläge ignorierst, warum sollen wir Dir noch weitere Tipps zum Ignorieren geben?

Ansonsten:
Stelle Deinen Sketch bitte direkt hier ins Forum. Benutzte dazu Codetags.
Wie das geht, steht hier.

Gruß Tommy

Hallo,

ich habe jetzt den AccessPoint und den HTML Code Drinne

nur leider bekomme ich den Zeilenumbruch im Arduino für die Buttons nicht hin.

der command lautet ja <p> bzw </p> fürs abschliesen doch leider führt dies nicht zum gewünschten ergebnis

Code:

// Load Wi-Fi library

#include <WiFi.h>

#include <WebServer.h>

WebServer server(80);

IPAddress local_ip(192, 168, 1, 1);

IPAddress gateway(192, 168, 1, 1);

IPAddress subnet(255, 255, 255, 0);

char *indexHTML = "<!DOCTYPE html>\

<html lang=\"en\">\

<head>\

<meta charset=\"UTF-8\">\

<meta \name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\

<meta http-equiv =\"X-UA-Compatible\" content=\"ie=edge\">\

<title>DALI - Master Programmer</title>\

<style>\

html{\

height: 100%;\

}\

body{ \

  \display: flex;\

  flex - flow: row nowrap;\

  justify - content: center;\

  align - items: center;\

  margin: 0;\

  \min - height: 100%;\

  background: #eeeeee;\

  font: 400 1rem/1.7 'Segoe UI', sans-serif;\

}\

main{\

  flex: 0 1 \auto;\

  \display: flex;\

  flex - flow: column nowrap;\

  margin: 2rem;\

  padding: 2rem 3rem;\

  border - radius: 1rem;\

  background: #ffffff;\

  text - align: center;\

  box - shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.25);\

}\

h1{\

  font-\size: 1.5rem;\

}\

a.btn{\

  flex: 0 0 \auto;\

  margin: 0.5rem 0;\

  padding: 0.5rem 1rem;\

  border: 0.1rem solid #000000;\

  color: inherit;\

  text-decoration: none;\

  transition: all ease 100ms;\

}\

a.btn:hover{ \

  background: #000000;\

  color: #ffffff;\

  transition: all ease 300ms;\

}\

</style>\

</head>\

<body>\

<main>\

<h1>DALI-Master-Programmer</h1>\

<a href=\"./panel.html\"class =\"btn\">Neue Adresse</a>\

<a href=\"./panel.html\"class =\"btn\">Adresse hinzufügen</a>\

<a href=\"./panel.html\"class =\"btn\">Test</a>\

</main>\

</body>\

</html>";

// Wlan Name,Passwort Zugangsbeschränkung

const char* ssid = "DALI-Master-Programmer";

const char* password = "ROM-Technik";

const int max_connection = 1;

// Setzen der Portnummer des Servers

//WiFiServer server(80);

//Variable die HTTP-Anfrage zu speichern

String header;

void setup() {

  Serial.begin(115200);

  // Stellt Verbindung zum Wlan mit SSID und Passwort her

  Serial.print("Setting AP (Access Point)…");

  //Setzen der SSID und des Passworts

  WiFi.softAP(ssid, password, max_connection);

  WiFi.softAPConfig(local_ip, gateway, subnet);

  //Ausgabe auf Seriellen Monitor ( IP Adresse )

  //IPAddress IP = WiFi.softAPIP();

  Serial.print("AP IP address: ");

  //  Serial.println(IP);

  server.on("/", handle_root);

  //Starten des Servers

  server.begin();

  delay(100);

}

void loop() {

  server.handleClient();

}

void handle_root() {

  server.send(200, "text/html", indexHTML);

}

Auf der reinen HTML Seite wird mir der Code sauber dargestellt mit Zeilenumbruch etc nur leider hier nicht.

Evtl könntet ihr mir meinen Fehler sagen.

Mfg Hannes

biologist · 27.02.2020, 10:28

Meinst du die Zeilenumbrüche von deinem HTML-Code? Also wenn du auf die Seite gehst und dir den HTML-Code anzeigen lässt?

Falls ja, dann schau mal hier: https://jameshfisher.com/2016/11/30/c-mu...e-literal/
Da musst du jede Zeile in Anführungszeichen setzen.

TechnikerHannes · 27.02.2020, 10:41

(27.02.2020 10:28)biologist schrieb: Meinst du die Zeilenumbrüche von deinem HTML-Code? Also wenn du auf die Seite gehst und dir den HTML-Code anzeigen lässt?

Falls ja, dann schau mal hier: https://jameshfisher.com/2016/11/30/c-mu...e-literal/
Da musst du jede Zeile in Anführungszeichen setzen.

Vielen Dank,

das Problem ist wenn ich den HTML Code alleine nehme zeigt er mir alles so an wie ich es möchte. Saubere Zeilenumbrüche alles schön untereinander und mittig platziert.

biologist · (Dieser Beitrag wurde zuletzt bearbeitet: 27.02.2020 10:51 von biologist.)

Ist halt primär ne kosmetische Sache, dem Browser sind die Zeilenumbrüche ja egal. Es gibt allerdings auch Fälle, in denen es schon von Relevanz ist. So habe ich letzte Woche zB auch ein html-File (rund 15kB) in ein Progmem-char-Array transformiert (ich mache das allerdings mit nem Script, weil mir das händisch zu doof ist: https://github.com/biologist79/Tonuino-E...essHtml.py

Das kam auch einzeilig raus wie bei dir, was mir erstmal egal war. Problem war jedoch: Es war Javascript-Code drin und ich habe ganz am Anfang zum Testen mit // was auskommentiert. Ich hab dann über ne Stunde gesucht, bis ich rausgefunden hatte, warum mein ganzer Javascript-Code nicht mehr funktioniert. Tja, in der einzeiligen Darstellung kommentiert man halt den gesamten JS-Code, der dann folgt, aus :-> Hab ich mir ein schööönes Ei ins Nest gelegt :-) Kann man halt umgehen, in dem man mit /* */ arbeitet oder eben, wie du es möchtest, alles schön formatiert anzeigt.

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	esp8266 zu html	gk_1	9	532	19.02.2021 19:41 Letzter Beitrag: Tommy56
	ESP_8266 als Accesspoint	Lukasifta_07	19	2.062	23.11.2020 19:22 Letzter Beitrag: Tommy56
	HTML Form mit Node MCU einlesen	louard	5	1.391	21.07.2020 09:30 Letzter Beitrag: louard
	Wie vom code aus url im Browser aufrufen?	Triax16	9	1.955	06.05.2020 14:04 Letzter Beitrag: Tommy56
	Manchester Code De/Codierung	TechnikerHannes	12	3.004	28.11.2019 14:32 Letzter Beitrag: TechnikerHannes
	Wemos D1 mini DS18S20 Accesspoint	gimbel	6	3.096	09.09.2018 21:12 Letzter Beitrag: Tommy56
	ESP32 ADC Spannungsmessung und HTML Messuhr-Indikator	mischaka	3	5.454	24.04.2018 21:33 Letzter Beitrag: Tommy56
	Bild in eine html Seite auf einem ESP8266 einfügen	rockzm	1	4.324	06.04.2017 14:57 Letzter Beitrag: Tommy56
	ESP8266 HTML Problem	arduino_weatherstation	1	3.569	25.04.2016 21:52 Letzter Beitrag: rkuehle


Baumstrukturmodus \| Linearer Modus HTML Code into Esp 32 AccessPoint