Semantic UI Installation Guide (CDN)

1

Embed Tetrons Editor

1Step 1

Create a new file: index.html or add the editor where you require it.

2Step 2

Paste the provided iframe code for Tetrons editor into it.

1
2<body>
3  <iframe
4    id="tetrons-iframe"
5    src="https://product.tetrons.com/embed"
6    allow="clipboard-read; clipboard-write; microphone; camera"
7  ></iframe>
8
9  <!-- Semantic UI JS CDN -->
10  <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
11</body>
2

Open in Browser

1Step 1

Double-click the html file or open it in your preferred browser.

2Step 2

You should see the Semantic UI-styled Tetrons Editor embedded via iframe.

3

Optional Enhancements

1Step 1

Use Semantic UI components like buttons, grids, or cards to add more functionality or layout.

2Step 2

See: https://semantic-ui.com/ for documentation and components.

Output Preview

Output Preview
Chatbot