1
00:00:00,640 --> 00:00:04,480
In this video, we're going to take a look at a solution that's going to address all three of these

2
00:00:04,480 --> 00:00:05,440
really big problems.

3
00:00:06,040 --> 00:00:10,690
So rather than just telling you what the solution is, I want to instead just show you how a lot of

4
00:00:10,690 --> 00:00:14,050
other code execution tools online handle this exact problem.

5
00:00:14,500 --> 00:00:19,360
So once again, at Copan, I'm going to open up my element, Inspector, and then I'm going to inspect

6
00:00:19,360 --> 00:00:21,580
this preview window over here on the right hand side.

7
00:00:22,680 --> 00:00:27,870
So once I click inside there, I'm going to scroll up just a little bit and you'll see that there is

8
00:00:27,870 --> 00:00:30,970
a HTML element right here of Type iFrame.

9
00:00:31,380 --> 00:00:34,440
So this entire preview window is an iFrame element.

10
00:00:34,890 --> 00:00:37,450
If you are not familiar with the frames, don't sweat it.

11
00:00:37,500 --> 00:00:41,850
We're going to spend the next couple of videos getting a lot more information about eye frames and better

12
00:00:41,850 --> 00:00:43,320
understanding how they behave.

13
00:00:44,480 --> 00:00:46,940
I also want to very quickly take a look at Code Sandbox.

14
00:00:47,300 --> 00:00:51,680
This is another online kind of coding tool or coding playground of sorts.

15
00:00:52,160 --> 00:00:54,280
They also have a preview window of sorts on the right hand side.

16
00:00:54,770 --> 00:00:58,940
I'm going to again open up my element, Inspector, and inspect the preview window.

17
00:01:01,740 --> 00:01:04,140
Again, I can scroll up just a little bit.

18
00:01:04,580 --> 00:01:07,650
Yeah, looks like that entire preview window is also an iFrame.

19
00:01:08,560 --> 00:01:14,200
And then just one more example, this is just a little yet another online code execution tool and open

20
00:01:14,200 --> 00:01:17,200
up my element, Inspector, again, take a look at the preview window.

21
00:01:18,530 --> 00:01:24,500
And again, we've got an iFrame here, so very clearly right away, I think it's 100 percent obvious

22
00:01:24,500 --> 00:01:29,540
that a very possible solution here or a solution we should definitely take a look at is making use of

23
00:01:29,540 --> 00:01:30,290
an iFrame.

24
00:01:30,500 --> 00:01:33,110
We're kind of wrapping up the execution of a user's code.

25
00:01:33,770 --> 00:01:36,650
Now, we've identified one avenue that we should probably look at.

26
00:01:36,900 --> 00:01:37,760
Let's spend some time.

27
00:01:37,760 --> 00:01:42,290
The next video getting a much better idea of what iFrame elements are all about and how they work.