Online TSX Editor
Shape TSX markup and styles in a lightweight editor before publishing or validating.
Completions appear as you type; press Ctrl+Space to open the list. Tab expands snippets where available. Find: Ctrl+F (Cmd+F on Mac). Format: toolbar button or Ctrl+Shift+B for supported languages.
Choose editor font size in pixels
Shape TSX markup and styles in a lightweight editor before publishing or validating.
Document shell
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>TSX</title>
</head>
<body>
<main><h1>Title</h1></main>
</body>
</html>Data table
<table>
<thead><tr><th scope="col">ID</th><th scope="col">Name</th></tr></thead>
<tbody><tr><td>1</td><td>Ada</td></tr></tbody>
</table>Headings & text
<h1>TSX</h1>
<p>Paragraph with <strong>emphasis</strong>.</p>Lists
<ul>
<li>First</li>
<li>Second</li>
</ul>Links & media
<a href="/docs">Docs</a>
<img src="/logo.png" alt="Logo" width="120" height="40" />Comments
<!-- markup comment -->Accessible form skeleton
<form action="/search" method="get">
<label for="q">Query</label>
<input id="q" name="q" type="search" autocomplete="off" />
<button type="submit">Search</button>
</form>- Does TSX code run on ConversionTab servers?
- No. Editing happens in your browser. Download the file and run it in your usual compiler, runtime, or platform.
- Can I change theme and font size?
- Yes. Use the toolbar above the editor; choices persist in local storage for your browser profile.