Foundation Installation Guide
1
Embed Tetrons Editor
1Step 1
Create a new file, for example: index.html or add editor where you require it
2Step 2
Paste the following iframe for Tetrons Editor into it:
1<body>
2 <iframe
3 id="tetrons-iframe"
4 src="https://product.tetrons.com/embed"
5 style="width:100%; height:100vh; border:none;"
6 allow="clipboard-read; clipboard-write; microphone; camera"
7 ></iframe>
8
9 <!-- jQuery and Foundation JS -->
10 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
11 <script src="https://cdn.jsdelivr.net/npm/foundation-sites@6.7.5/dist/js/foundation.min.js"></script>
12 <script>
13 $(document).foundation();
14 </script>
15</body>2
Open in Browser
1Step 1
Open the HTML file using Live Server in VS Code
2Step 2
Or open it directly from file explorer
Output Preview
