// preview area const previewDiv = document.createElement('div'); previewDiv.className = 'preview-area'; previewDiv.innerHTML = ` <div class="sample-label"> <span>🔤 မြန်မာစာမူ</span> <i style="font-size:0.65rem;">(preview)</i> </div> <div class="burmese-preview" style="font-family: '$font.name', 'Noto Sans Myanmar', 'Padauk', 'Pyidaungsu', sans-serif;"> $escapeHtml(font.sampleText) </div> <div class="install-note">✓ Android Unicode render test</div> `;
// simple escape for XSS safety function escapeHtml(str) if (!str) return ''; return str.replace(/[&<>]/g, function(m) if (m === '&') return '&'; if (m === '<') return '<'; if (m === '>') return '>'; return m; ).replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, function(c) return c; );
.btn-primary:hover background: #0f5a37; transform: scale(0.97); box-shadow: 0 1px 3px rgba(0,0,0,0.1);
// preview area const previewDiv = document.createElement('div'); previewDiv.className = 'preview-area'; previewDiv.innerHTML = ` <div class="sample-label"> <span>🔤 မြန်မာစာမူ</span> <i style="font-size:0.65rem;">(preview)</i> </div> <div class="burmese-preview" style="font-family: '$font.name', 'Noto Sans Myanmar', 'Padauk', 'Pyidaungsu', sans-serif;"> $escapeHtml(font.sampleText) </div> <div class="install-note">✓ Android Unicode render test</div> `;
// simple escape for XSS safety function escapeHtml(str) if (!str) return ''; return str.replace(/[&<>]/g, function(m) if (m === '&') return '&'; if (m === '<') return '<'; if (m === '>') return '>'; return m; ).replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, function(c) return c; );
.btn-primary:hover background: #0f5a37; transform: scale(0.97); box-shadow: 0 1px 3px rgba(0,0,0,0.1);
