TON Input

HTML Output

TON Data ${styles}
${content}
`; htmlEditor.setValue(html); document.getElementById('preview-container').style.display = 'block'; document.getElementById('html-preview').innerHTML = `
${content}
`; DevTools.showStatus('status-container', 'Converted!', 'success'); } catch (e) { DevTools.showStatus('status-container', e.message, 'error'); } } document.getElementById('convert-btn').addEventListener('click', convert); document.getElementById('sample-btn').addEventListener('click', () => { tonEditor.setValue(`config { name "My App" version "1.0.0" features [ "auth" "logging" ] }`); }); document.getElementById('clear-btn').addEventListener('click', () => { tonEditor.setValue(''); htmlEditor.setValue(''); document.getElementById('preview-container').style.display = 'none'; }); document.getElementById('copy-btn').addEventListener('click', async () => { const s = await DevTools.copyToClipboard(htmlEditor.getValue()); DevTools.showStatus('status-container', s ? 'Copied!' : 'Failed', s ? 'success' : 'error'); }); document.getElementById('download-btn').addEventListener('click', () => { DevTools.downloadFile(htmlEditor.getValue(), 'output.html', 'text/html'); });