Skip to content

Commit 53abcac

Browse files
committed
add string delimiters
1 parent 57dbb52 commit 53abcac

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

content/arduino-cloud/04.cloud-editor/embedding-create-iframes/embedding-create-iframes.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,12 @@ Then, we need to have a code. In this tutorial, we are just going to use the goo
1919
It should look something like this:
2020

2121
```markup
22-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=embed" style="height:510px;width:100%;margin:10px 0" frameborder=0></iframe>
22+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=embed" style="height:510px;width:100%;margin:10px 0" frameborder="0"></iframe>
2323
```
2424

2525
This iframe can now simply be embedded in a HTML page, and it will look like this:
2626

27-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=embed" style="height:510px;width:100%;margin:10px 0" frameborder=0></iframe>
27+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=embed" style="height:510px;width:100%;margin:10px 0" frameborder="0"></iframe>
2828

2929
But there are many ways we can modify the iframe to look different. So let's take a look the available modifications we can make!
3030

@@ -39,12 +39,12 @@ To do this, we need to change `view-mode=` from `embed` to `snippet` at the end
3939
```
4040
The result is the following:
4141

42-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet" style="height:510px;width:100%;margin:10px 0" frameborder=0></iframe>
42+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet" style="height:510px;width:100%;margin:10px 0" frameborder="0"></iframe>
4343

4444
And the full URL should look like this:
4545

4646
```markup
47-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet" style="height:510px;width:100%;margin:10px 0" frameborder=0></iframe>
47+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet" style="height:510px;width:100%;margin:10px 0" frameborder="0"></iframe>
4848
```
4949

5050
## Highlighting specific lines
@@ -57,12 +57,12 @@ Next is the highlighting feature. To use this, simply add the following lines to
5757

5858
The result is that line 6 and 7 are highlighted:
5959

60-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&highlight=L6,7" style="height:510px;width:100%;margin:10px 0" frameborder=0></iframe>
60+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&highlight=L6,7" style="height:510px;width:100%;margin:10px 0" frameborder="0"></iframe>
6161

6262
And the full URL should look like this:
6363

6464
```markup
65-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&highlight=L6,7" style="height:510px;width:100%;margin:10px 0" frameborder=0></iframe>
65+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&highlight=L6,7" style="height:510px;width:100%;margin:10px 0" frameborder="0"></iframe>
6666
```
6767

6868
You can highlight as many lines as you want, and it is easily configurable. For example, if we want to highlight line 4 and 6-9, we simply need to add the following to the URL:
@@ -81,11 +81,11 @@ It's also possible to only show specific lines by adding the `scope` parameter,
8181

8282
The result is that only lines 3 to 30 are shown.
8383

84-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30" style="height:510px;width:100%;margin:10px 0" frameborder=0></iframe>
84+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30" style="height:510px;width:100%;margin:10px 0" frameborder="0"></iframe>
8585

8686
The full URL should look like this:
8787
```markup
88-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30" style="height:510px;width:100%;margin:10px 0" frameborder=0></iframe>
88+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30" style="height:510px;width:100%;margin:10px 0" frameborder="0"></iframe>
8989
```
9090

9191
## Hide Numbers
@@ -98,7 +98,7 @@ To hide the line numbers in the embedded snippet, add the `&hide-numbers` parame
9898

9999
The full URL should look like this:
100100
```markup
101-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30&hide-numbers" style="height:510px;width:100%;margin:10px 0" frameborder=0></iframe>
101+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30&hide-numbers" style="height:510px;width:100%;margin:10px 0" frameborder="0"></iframe>
102102
```
103103

104104
## Manually changing the size of your widget
@@ -119,7 +119,7 @@ style="height:200px;width:50%;margin:10px 0"
119119

120120
Which will look like this:
121121

122-
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet" style="height:200px;width:50%;margin:10px 0" frameborder=0></iframe>
122+
<iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet" style="height:200px;width:50%;margin:10px 0" frameborder="0"></iframe>
123123

124124
## Automatically re-sizing your sketches
125125

0 commit comments

Comments
 (0)