` tag. A `#!html style` attribute
**Sample**
**`AutoConnectText text("text", "Publishing the WiFi signal strength to MQTT channel. RSSI value of ESP8266 to the channel created on ThingSpeak", "font-family:serif;color:#4682b4;");`**
-
On the page:
+
On the page:
###
Constructor
diff --git a/mkdocs/achandling.md b/mkdocs/achandling.md
index f53fd25..050cd98 100644
--- a/mkdocs/achandling.md
+++ b/mkdocs/achandling.md
@@ -106,7 +106,7 @@ AutoConnectElementVT& getElements(void)
AutoConnect supports reading the custom Web page definitions written in JSON and also supports loading and saving of AutoConnectElements. In both cases, the target object is a [JSON document for AutoConnect](acjson.md). However, it can not save all AutoConnectElements contained in the page as a custom Web page. (ie. AutoConnectAux)
-
+
###
Loading AutoConnectAux & AutoConnectElements with JSON
@@ -226,7 +226,7 @@ A sketch can access variables of AutoConnectElements in the custom Web page. The
The following diagram shows the flow of the input values of a custom Web page into a sketch and is the basis for actions to manipulate the values of custom Web pages using sketches.
-
+
###
Where to pick up the values
@@ -530,7 +530,7 @@ void loop() {
}
```
-
It's shown as like:
+
It's shown as like:
###
Check data against on submission
@@ -555,8 +555,8 @@ By giving a [pattern](apielements.md#pattern) to [AutoConnectInput](apielements.
```
###
Convert data to actually type
diff --git a/mkdocs/acintro.md b/mkdocs/acintro.md
index de44374..086fcaf 100644
--- a/mkdocs/acintro.md
+++ b/mkdocs/acintro.md
@@ -1,6 +1,6 @@
## What it is
-
![]()
+
![]()
AutoConnect can handle custom Web pages prepared by user sketches individually. Custom Web pages can be integrated into the AutoConnect menu and executed as menu items and can have input-output parameters and handle them.
For example, you can program some sketches that publish messages by entering the URI or unique ID of the MQTT broker on a custom page. You do not need to code the processing to handle the web page. It retrieves the input parameters and passes to the MQTT broker connection API is only.
@@ -10,17 +10,17 @@ For example, you can program some sketches that publish messages by entering the
AutoConnect creates the custom Web pages dynamically at runtime. Sketch describes the custom Web pages using classes and APIs necessary for dynamic creation which are [**AutoConnectAux**](apiaux.md#autoconnectaux) and the variant of [**AutoConnectElements**](acelements.md). AutoConnectAux is an object dependent on AutoConnect, which provides an easy way to incorporate custom Web pages into AutoConnect like the one on the right figure. The elements make up a custom Web page are provided as an AutoConnectElement class.
Furthermore, an input box, a check box, a submit button, etc. are implemented by classes derived from AutoConnectElement.
-
+
AutoConnectAux is a container for AutoConnectElements. To make a custom Web page, create elements that make up the page and put it in the AutoConnectAux object. Joining its AutoConnectAux object to AutoConnect will integrate the custom Web page into the AutoConnect menu.
-
+
The above figure shows a code sequence that declares AutoConnectElements and put in the AutoConnectAux container and integrates those into AutoConnect. It declares two text elements named *header* and *caption*, adds them to the AutoConnectAux object as *aux*, binds to an AutoConnect object named *portal*. This sequence is the basic procedure for creating custom Web pages with the sketch. Also, further explanation of AutoConnectElements is the [documentation](acelements.md).
## Custom Web pages in AutoConnect menu
- 
+ 
AutoConnect integrates custom Web page objects into menus as AutoConnectAux. The AutoConnectAux object contains URI and title as member variables and has an indicator to display in the AutoConnect menu.
You give the title and URI of the custom Web page to the AutoConnectAux object with Sketch. Then the title of the custom Web page would be displayed in the AutoConnect menu as the left figure. It is a hyperlink to a custom Web page which will be displayed tapped it.
@@ -30,10 +30,10 @@ The above figure shows a code sequence that declares AutoConnectElements and put
You can create multiple custom Web pages and specify pages that can be called from the menu. The following sketch shows a code sequence for integrating three custom Web pages into one and embedding them in a menu.
-
+
- ![]()
In the above code, the third parameter of aux2 is false. The third parameter of the AutoConnectAux constructor is an indicator for whether it's shown to the AutoConnect menu. Right animation is an execution result of the above code. You will see that the menu applies only two items for three custom Web pages. The sketch of this animation is written to transition to aux2 by the utility of the AutoConnectSubmit element owned by aux1.
The aux2 page transitions only from the aux1 page. As shown in mqttRSSI in the library example, its page replies the saving result for the parameters entered on the previous page. It can not be invoked directly from the menu and want to hide them with AutoConnect menu items. The utility of the third parameter of the AutoConnectAux constructor is that.
![]()
In the above code, the third parameter of aux2 is false. The third parameter of the AutoConnectAux constructor is an indicator for whether it's shown to the AutoConnect menu. Right animation is an execution result of the above code. You will see that the menu applies only two items for three custom Web pages. The sketch of this animation is written to transition to aux2 by the utility of the AutoConnectSubmit element owned by aux1.
The aux2 page transitions only from the aux1 page. As shown in mqttRSSI in the library example, its page replies the saving result for the parameters entered on the previous page. It can not be invoked directly from the menu and want to hide them with AutoConnect menu items. The utility of the third parameter of the AutoConnectAux constructor is that.
[^2]:
diff --git a/mkdocs/acjson.md b/mkdocs/acjson.md
index b4c3e82..6ae3554 100644
--- a/mkdocs/acjson.md
+++ b/mkdocs/acjson.md
@@ -6,8 +6,8 @@ You can embed custom Web pages written in [**JSON**](https://www.json.org/index.
By providing the following JSON document to AutoConnect, you can include the custom Web page like the below:
-
-
+
+
A JSON document for AutoConnect can contain the custom Web page multiple. You can further reduce the sketch process by loading multiple pages of JSON document at once.
diff --git a/mkdocs/advancedusage.md b/mkdocs/advancedusage.md
index 1e3b465..dc6d40a 100644
--- a/mkdocs/advancedusage.md
+++ b/mkdocs/advancedusage.md
@@ -188,8 +188,8 @@ void setup() {
Executing the above sketch will rewrite the menu title for the **FSBrowser** as the below.
-
-
+
+
###
Combination with mDNS
@@ -368,7 +368,7 @@ In ordinary, the URL handler will respond the request by sending some HTML. [Pag
An example sketch used with the PageBuilder as follows and it explains how it aids for the HTML generating. Details for [Github repository](https://github.com/Hieromon/PageBuilder).
-
+
## Configuration functions
@@ -403,7 +403,7 @@ AutoConnect will activate SoftAP at failed the first *WiFi.begin*. It SoftAP set
**HOME** for returning to the user's sketch homepage will display at the bottom of the AutoConnect menu. It could be set using the [*AutoConnect::home*](api.md#home) function.
-
+
###
Relocate the AutoConnect home path
diff --git a/mkdocs/basicusage.md b/mkdocs/basicusage.md
index 4933e94..c169c5f 100644
--- a/mkdocs/basicusage.md
+++ b/mkdocs/basicusage.md
@@ -4,7 +4,7 @@
How embed the AutoConnect to the sketches you have. Most simple approach to applying AutoConnect for the existing sketches, follow the below steps. The below sketch is for ESP8266. For ESP32, replace ```ESP8266WebServer``` with ```WebServer``` and ```ESP8266WiFi.h``` with ```WiFi.h``` respectively.
-
+
- Insert
#include <AutoConnect.h> to behind of #include <ESP8266WebServer.h>.
diff --git a/mkdocs/datatips.md b/mkdocs/datatips.md
index 7cca04c..ee75da4 100644
--- a/mkdocs/datatips.md
+++ b/mkdocs/datatips.md
@@ -28,7 +28,7 @@ float value = input.value.toFloat();
The easiest way is to use the [Arduino Time Library](https://www.pjrc.com/teensy/td_libs_Time.html). Sketches must accommodate differences in date and time formats depending on the time zone. You can absorb the difference in DateTime format by using `sscanf` function.[^1]
-[^1]:It can not be used with the old Arduino core.
+[^1]:The ssanf library function cannot be used with the old Arduino core.
```cpp
#include
@@ -139,31 +139,31 @@ void loop() {
Here, represent examples the typical regular expression for the input validation.
-### 
URL
+### 
URL
```
^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
```
-### DNS hostname
+### DNS hostname
```
^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9\-]*[a-zA-Z0-9])\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9\-]*[A-Za-z0-9])$
```
-### email address [^1]
+### email address [^2]
```
^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$
```
-### IP Address
+### IP Address
```
^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$
```
-### Date as MM/DD/YYYY [^2]
+### Date as MM/DD/YYYY [^3]
```
^(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](19|20)\d\d$
@@ -172,5 +172,5 @@ Here, represent examples the typical regular expression for the input validation
!!! caution "Contain with backquote"
If that regular expression contains a backquote it must be escaped by backquote duplication.
-[^1]: This regular expression does not fully support the format of the e-mail address requested in [RFC5322](https://tools.ietf.org/html/rfc5322).
-[^2]: This regular expression does not consider semantic constraints. It is not possible to detect errors that do not exist as actual dates.
+[^2]: This regular expression does not fully support the format of the e-mail address requested in [RFC5322](https://tools.ietf.org/html/rfc5322).
+[^3]: This regular expression does not consider semantic constraints. It is not possible to detect errors that do not exist as actual dates.
diff --git a/mkdocs/faq.md b/mkdocs/faq.md
index 1ebfbab..954266e 100644
--- a/mkdocs/faq.md
+++ b/mkdocs/faq.md
@@ -40,7 +40,7 @@ void loop() {
??? hint "You can interactively check the WiFi state of ESP8266."
Please try [**ESPShaker**](https://github.com/Hieromon/ESPShaker). It is ESP8266 interactive serial command processor.
- 
+ 
## Does not response from /\_ac.
diff --git a/mkdocs/gettingstarted.md b/mkdocs/gettingstarted.md
index a6863a3..038085b 100644
--- a/mkdocs/gettingstarted.md
+++ b/mkdocs/gettingstarted.md
@@ -40,7 +40,7 @@ After about 30 seconds, if the ESP8266 cannot connect to nearby Wi-Fi spot, you
[^1]:When applied to ESP32, SSID will appear as **esp32ap**.
-![]()
+![]()
This is the AutoConnect statistics screen. This screen displays the current status of the established connection, WiFi mode, IP address, free memory size, and etc. Also, the **hamburger icon** is the control menu of AutoConnect seems at the upper right. By tap the hamburger icon, the control menu appears as the below.
@@ -48,7 +48,7 @@ This is the AutoConnect statistics screen. This screen displays the current stat
Here, tap *"Configure new AP"* to connect the new access point then the SSID configuration screen would be shown. Enter the **SSID** and **Passphrase** and tap **apply** to start connecting the access point.
-
+
### Connection establishment
@@ -57,13 +57,13 @@ After connection established, the current status screen will appear. It is alrea
For one, continues execution of the sketch while keeping this connection. You can access ESP8266 via browser through the established IP address after cancel to "**Log in**" by upper right on the screen.
Or, "**RESET**" can be selected. The ESP8266 resets and reboots. After that, immediately before the connection will be restored automatically with WIFI\_STA mode.
-
+
### Run for usually
The IP address of ESP8266 would be displayed on the serial monitor after connection restored. Please access its address from the browser. The "Hello, world" page will respond. It's the page that was handled by in the sketch with "**on**" function of *ESP8266WebServer*.
-
+
+On the page:
### Constructor
@@ -79,7 +79,7 @@ AutoConnectButton generates an HTML `#!html