You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/arduino-cloud/04.cloud-editor/embedding-create-iframes/embedding-create-iframes.md
+15-15Lines changed: 15 additions & 15 deletions
Original file line number
Diff line number
Diff line change
@@ -4,27 +4,27 @@ description: 'Learn about different methods when embedding your sketches in a we
4
4
author: 'Karl Söderby'
5
5
---
6
6
7
-
The Web Editor is a great tool for creating and uploading programs while also collecting all of your sketches in one place. Another great feature is embedding them as iframes, such as articles, blogposts or journals.
7
+
The Cloud Editor is a great tool for creating and uploading programs while also collecting all of your sketches in one place. Another great feature is embedding them as iframes, such as articles, blogposts or journals.
8
8
9
-
To embed an iframe is very easy, and we just need to copy and paste a link from our sketch in the Web Editor. But we can also do a series of modifications to that iframe, and in this tutorial we will take a look at how to do that.
9
+
To embed an iframe is very easy, and we just need to copy and paste a link from our sketch in the Cloud Editor. But we can also do a series of modifications to that iframe, and in this tutorial we will take a look at how to do that.
10
10
11
11
## Let's start
12
12
13
-
First of all, we need to navigate to the [Web Editor](https://create.arduino.cc/editor). If we do not have an account, we can register one with just a few simple steps.
13
+
First of all, we need to navigate to the [Cloud Editor](https://create.arduino.cc/editor). If we do not have an account, we can register one with just a few simple steps.
14
14
15
-
Then, we need to have a code. In this tutorial, we are just going to use the good old **blink** example. When we have our sketch ready, click on the **share** button next to the port selection tool. This will open up a new window, that will have two fields: **link** and **iframe**. Copy the iframe field.
15
+
Then, we need to have a code. In this tutorial, we are just going to use the good old **blink** example. When we have our sketch ready, click on the **share** button next to the serial monitor tool. This will open up a new window, that will have two fields: **link** and **embed**. Copy the embed field.
16
16
17
-
17
+
18
18
19
-
It should look something like this, where `{YOUR_ACCOUNT}` and `{SKETCH_URL}` is replaced by your own credentials.
You can highlight as many lines as you want, and it is easily configurable. For example, if we want to highlight line 1, 3 and 5-8, we simply need to add the following to the URL:
Copy file name to clipboardExpand all lines: content/hardware/03.nano/boards/nano-esp32/datasheet/datasheet.md
+20-8Lines changed: 20 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -467,6 +467,11 @@ Lors de l’ installation et de l’ exploitation de ce dispositif, la distance
467
467
468
468
Hereby, Arduino S.r.l. declares that this product is in compliance with essential requirements and other relevant provisions of Directive 201453/EU. This product is allowed to be used in all EU member states.
469
469
470
+
## SRRC
471
+
472
+
This equipment contains a radio transmitter module with model approval code: CMIIT ID: 24J993CLD252.
473
+
474
+
470
475
## Company Information
471
476
472
477
| Company name | Arduino S.r.l. |
@@ -497,6 +502,8 @@ Hereby, Arduino S.r.l. declares that this product is in compliance with essentia
497
502
| 11/23/2023 | Added label to LP modes |
498
503
| 23/02/2024 | Added antenna frequency to block diagram |
499
504
| 25/04/2024 | Updated link to new Cloud Editor |
505
+
| 23/08/2024 | Added SRRC certification |
506
+
500
507
501
508
502
509
# 中文 (ZH)
@@ -954,6 +961,10 @@ Lors de l’ installation et de l’ exploitation de ce dispositif, la distance
Multiple choices are available for network connectivity, including USB, Ethernet, and Wi-Fi®/Bluetooth® Low Energy in addition to industry-specific protocols such as RS-485.
28
+
Multiple choices are available for network connectivity, including USB, Ethernet, and Wi-Fi®/Bluetooth® Low Energy, as well as industry-specific communication interfaces like RS-485.
In this tutorial, we'll demonstrate some secondary features of the Arduino Web Editor. If you're new to the Arduino Create platform, read this tutorial: [Getting Started with Arduino Web Editor on Various Platforms](https://create.arduino.cc/projecthub/Arduino_Genuino/getting-started-with-arduino-web-editor-on-various-platforms-4b3e4a).
17
+
In this tutorial, we'll demonstrate some secondary features of the Arduino Cloud Editor.
18
18
19
-
Let's start by focusing on the **Sketchbook**tab and then we'll review the **Preferences Tab** of the Web Editor.
19
+
Let's start by focusing on the **Sketchbook**page and then we'll review the **Preferences Tab** of the Cloud Editor.
20
20
21
21
### The Sketchbook Tab
22
22
23
-
After you've logged into Arduino Create and opened the Arduino Web Editor, you'll see some menu choices in the left margin. The **Sketchbook** tab will list all of your sketches.
23
+
After you've logged into Arduino Create and opened the Arduino Cloud Editor, you'll see some menu choices in the left margin. The **Sketchbook** tab will list all of your sketches.
24
24
25
-
You can create a new sketch clicking on the **New Sketch** button at the top. You can organize your sketches by creating folders using the gray button that looks like a folder with a plus-sign. You can also import sketches and custom libraries from your computer using the other gray button showing an up-arrow (see screenshot below). To learn more about this, read the tutorial on [Importing your Sketchbook and Libraries.](https://create.arduino.cc/projecthub/Arduino_Genuino/import-your-sketchbook-and-libraries-to-the-web-editor-296bb3)
25
+
You can create a new sketch clicking on the **Create** button at the top, or in the middle of the page if no sketches exist. You can organize your sketches by creating folders. You can also import custom libraries from your computer on the library tab when you are in a sketch. To learn more about this, read the tutorial on [Importing your Sketchbook and Libraries.](https://create.arduino.cc/projecthub/Arduino_Genuino/import-your-sketchbook-and-libraries-to-the-web-editor-296bb3)
If you have many sketches in your sketchbook, you can easily find the one you want by typing the name of the sketch – or part of its name – in the search box. Using the **Order By** option, you can sort sketches by name or by date modified.
31
+
If you have many sketches in your sketchbook, you can easily find the one you want by typing the name of the sketch – or part of its name – in the search box.
32
32
33
-
Once you see the sketch you want, right-click on it – or click on the small icon to the left of it. This will reveal a menu of choices related to the sketch:
33
+
Once you see the sketch you want, click on the option menu at the right of the last modified date. This will reveal a menu of choices related to the sketch:
34
34
35
-
-**Duplicate Sketch** will create a copy of the sketch you selected.
36
-
-**Rename Sketch** allows you to rename the selected sketch.
37
-
-**Download Sketch** will download the sketch , both.ino and other files to your computer.
38
-
-**Export CMake File** will export the sketch and included libraries to your computer so you can build it, locally.
39
-
-**Share Sketch** allows you to share the sketch with others. The *Secret* content of a sketch will be deleted automatically in the shared sketch.
40
-
-**Move Sketch** allows you to move the sketch between folders.
41
-
-**Display Sketch Info** shows additional information about your sketch (e.g., size and date last modified).
35
+
-**Rename Sketch** allows you to rename the selected sketch.
36
+
-**Duplicate Sketch** will create a copy of the sketch you selected.
42
37
-**Delete Sketch** will delete the sketch you selected. A popup window will ask for confirmation to avoid deleting files accidentally.
43
-
-**Import File into Sketch** allows you to import additional files, such as images or circuit schematics, into the sketch.
38
+
-**Download Sketch** will download the sketch , both.ino and other files to your computer.
39
+
-**Share Sketch** allows you to share the sketch with others. The *Secret* content of a sketch will be deleted automatically in the shared sketch.
40
+
-**Move to folder** allows you to move the sketch between folders and create new folders.
44
41
45
42
### The Preferences Tab
46
43
47
-
The Preferences Tab contains some options to customize the look and behavior of the Editor (see the screenshot below).
48
-
49
-
At the top, you can see how much space is currently used by your sketches and how many sketches are in your sketchbook. Click on the **MoreInfo** button for more accurate information regarding these two values and on imported custom libraries.
The Preferences Tab contains some options to customize the look and behavior of the Editor (see the screenshot below). It can be found at the bottom of the left menu bar when you are inside a sketch.
53
45
46
+
54
47
55
48
Following the usage information, are settings related to how the editor looks:
56
49
57
-
-**Editor Font Size** allows you to change the font size.
58
50
-**Editor Theme** allows you to switch between a light and dark theme;
51
+
-**Editor Font Size** allows you to change the font size.
52
+
53
+
In the **SKETCH** section, you can set the sketch save option:
54
+
55
+
-**Enable Autosave** tells the Editor to automatically save the sketch whenever it's modified.
59
56
60
-
There are a few options related to saving sketches in the next section:
57
+
In the **DEVICE** section, you can set the following option:
61
58
62
-
-**Save when Verifying and Uploading** means the Editor will save the sketch each time you verify and upload it.
63
-
-**Enable Autosave** tells the Editor to save automatically the sketch whenever it's modified.
64
-
-**Always Show Output Panel** is set to show the output section at the bottom of the code window.
59
+
-**Enable auto-selection** If turned on, then in new sketches, when you plug a device in it will get automatically selected.
65
60
66
-
In the **Advanced Options** section, you can set a few other options:
61
+
In the **VERIFY & UPLOAD** section, you can set the console verbosity option:
67
62
68
-
-**Show All Files**, if set, will make visible the.ino files and related files in other formats that are in your sketchbook.
69
63
-**Show Verbose Output**, when enabled, will cause more detailed information to be displayed while a sketch is being compiled and uploaded.
70
64
71
65
### Extras: Full-Screen and Auto-Indent
72
66
73
67
There are two other settings that might be useful to you. In the code window, in the top right corner, you'll notice two icons. In the screenshot below we drew an orange box around these icons to indicate them.
74
68
75
-
76
-
77
-
69
+
78
70
79
71
The top icon allows you to enter **Full-Screen** mode: the code window will be maximized while the side bar will be minimized. The bottom icon is for **Auto-Indent**. When pressed, it will automatically indent your code to make it more readable.
80
72
81
73
## Enjoy!
82
74
83
-
That's all there is: it's that easy to use the Arduino Web Editor. Now that you know how to manage your sketches inside a sketchbook, as well as how to customize the Editor, we hope you'll find creating and editing your sketches much easier and more pleasurable.
75
+
That's all there is: it's that easy to use the Arduino Cloud Editor. Now that you know how to manage your sketches inside a sketchbook, as well as how to customize the Editor, we hope you'll find creating and editing your sketches much easier and more pleasurable.
0 commit comments