Drupal Installation Guide
Install XAMPP
Download and install XAMPP from: https://www.apachefriends.org/index.html
Launch the XAMPP Control Panel
Start Apache and MySQL servers
XAMPP directory structure – Web root: C:\xampp\htdocs
Download and Setup Drupal
Download the latest Drupal CMS zip from: https://new.drupal.org/download
Extract it to: C:\xampp\htdocs\drupal
You should now have: C:\xampp\htdocs\drupal\index.php
Rename default.settings.php → settings.php:
Path: C:\xampp\htdocs\drupal\sites\default\default.settings.php → C:\xampp\htdocs\drupal\sites\default\settings.php
Create a MySQL database for Drupal
Open browser and go to: http://localhost/phpmyadmin
Click 'New' → Create a new database
Name the database: drupal
Install Drupal via Browser
Visit: http://localhost/drupal
Follow the Drupal installation wizard:
- Select language
- Choose Standard installation
- Database name: drupal
- Username: root
- Password: (leave blank for XAMPP default)
Complete site setup
Create a custom page with Tetrons iframe
Go to: http://localhost/drupal/node/add/page
Create basic page:
- Title: Tetrons Editor
- Body (switch to 'Source' mode in WYSIWYG editor) and add:
1<h2>Tetrons Editor</h2>
2<iframe
3 src="http://staging.tetrons.com/editor/dist/editor-host.html"
4 width="100%"
5 height="600"
6 style="border: none;"
7 allowfullscreen>
8</iframe>Allow iframe HTML (if it’s stripped)
If iframe is removed after saving:
- Go to: http://localhost/drupal/admin/config/content/formats
- Edit Full HTML format
- Under 'Limit allowed HTML tags', ensure this is included: <iframe> <h2> ...
- Scroll down to 'Enable Full HTML' for your user role (admin): /admin/people/permissions
Final output
Visit the page: http://localhost/drupal/node/1
Output Preview
