${htmlCode} `; const newWindow = window.open('', '_blank'); newWindow.document.write(fullHTML); newWindow.document.close(); showToast('已在新窗口打开', 'success'); } function togglePreview() { const frame = previewFrame; if (frame.requestFullscreen) { frame.requestFullscreen(); } else if (frame.webkitRequestFullscreen) { frame.webkitRequestFullscreen(); } else if (frame.msRequestFullscreen) { frame.msRequestFullscreen(); } } function showToast(message, type = 'info') { const toast = document.getElementById('toast'); toast.textContent = message; toast.className = 'openskil-toast ' + type; toast.classList.add('show'); setTimeout(() => { toast.classList.remove('show'); }, 2000); } htmlEditor.addEventListener('input', debounceUpdate); cssEditor.addEventListener('input', debounceUpdate); htmlEditor.addEventListener('keydown', function(e) { if (e.key === 'Tab') { e.preventDefault(); const start = this.selectionStart; const end = this.selectionEnd; this.value = this.value.substring(0, start) + ' ' + this.value.substring(end); this.selectionStart = this.selectionEnd = start + 2; debounceUpdate(); } }); cssEditor.addEventListener('keydown', function(e) { if (e.key === 'Tab') { e.preventDefault(); const start = this.selectionStart; const end = this.selectionEnd; this.value = this.value.substring(0, start) + ' ' + this.value.substring(end); this.selectionStart = this.selectionEnd = start + 2; debounceUpdate(); } }); initialize();