Laravel Installation Guide
Install PHP
Check if PHP is already installed by running: php -v in CMD or PowerShell.
If not installed, go to https://windows.php.net/download/ and download PHP.
Extract it to C:\php and add C:\php to your system path.
Verify installation by running: php -v.
Install Composer
Download and install Composer from https://getcomposer.org/download/.
After installation, check with: composer -V.
Install Laravel Globally
Run: composer global require laravel/installer.
Ensure Composer’s global vendor/bin folder is in your system path.
Verify with: laravel --version.
Create a New Laravel Project
Run: composer create-project laravel/laravel laravelPage.
Navigate into project folder: cd laravelPage.
Start Laravel Server
Run: php artisan serve.
Open browser and visit: http://127.0.0.1:8000.
Create PHP Route
Open: routes/web.php.
Replace the default route with the blank page route provided.
1<?php
2use Illuminate\Support\Facades\Route;
3
4Route::get('/', function () {
5 return view('blank');
6});Create Blade View
Create a file: resources/views/blank.blade.php.
Add the provided HTML structure for the Tetrons Editor.
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Laravel Blank Page</title>
7 <style>
8 html, body {
9 margin: 0;
10 padding: 0;
11 height: 100vh;
12 width: 100vw;
13 overflow: hidden;
14 font-family: 'Inter', sans-serif;
15 display: flex;
16 }
17 .container {
18 flex: 1;
19 flex-direction: column;
20 display: flex;
21 height: 100%;
22 width: 100%;
23 }
24 .iframe {
25 width: 100%;
26 height: 100%;
27 border: none;
28 border-radius: 0.3rem;
29 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
30 }
31 h2 {
32 color: #343a40;
33 margin-bottom: 1rem;
34 text-align: center;
35 }
36 </style>
37</head>
38<body>
39 <div class="container">
40 <h2>Tetrons Editor</h2>
41 <iframe src="http://staging.tetrons.com/editor/dist/editor-host.html"
42 width="100%" height="600"
43 style="border: none;"
44 allowfullscreen>
45 </iframe>
46 </div>
47</body>
48</html>Final Step
Refresh http://127.0.0.1:8000 to see the Tetrons Editor working.
Output Preview
