hands-g29f8da5f2_1920

PAGE TOP document.addEventListener('DOMContentLoaded', function() { const fontSelector = document.getElementById('font-selector'); const textInput = document.getElementById('text-input'); const previewText = document.getElementById('preview-text'); const fontWarningMessage = document.getElementById('font-warning-message'); const englishOnlyFonts = [ 'arialregular', 'times_new_romanregular', 'lucida_calligraphyitalic', 'parkplaceregular', 'fastracfashionregular', 'courier_newregular', 'lucida_blackletterregular', 'vivaldiitalic', 'optanebold', 'tempus_sans_itcregular', 'euphoria_scriptregular', 'times_new_romanitalic' ]; function updatePreview() { const selectedFont = fontSelector.value; let enteredText = textInput.value; if (englishOnlyFonts.includes(selectedFont)) { fontWarningMessage.classList.add('visible'); enteredText = enteredText.replace(/[\u3040-\u309F\u30A0-\u30FF\u4E00-\u9FFF\uFF00-\uFFEF]/g, ''); enteredText = enteredText.replace(/[\uFF61-\uFF9F]/g, ''); enteredText = enteredText.replace(/　/g, ' '); if (textInput.value !== enteredText) { textInput.value = enteredText; } } else { fontWarningMessage.classList.remove('visible'); } previewText.style.fontFamily = selectedFont; if (enteredText.trim() === '') { previewText.innerHTML = '入力した文字のプレビューが表示されます
(例えば...)
20th
Wedding Anniversary'; previewText.style.color = '#999'; previewText.style.fontStyle = 'italic'; } else { const formattedText = enteredText.replace(/\n/g, '
'); previewText.innerHTML = formattedText; previewText.style.color = '#333'; previewText.style.fontStyle = 'normal'; } } fontSelector.addEventListener('change', updatePreview); textInput.addEventListener('input', updatePreview); updatePreview(); });

最近の投稿