コンテンツへスキップ
ナビゲーションに移動
- HOME
- 1718420246-04
- 1718420246-04
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();
});
ジョリオ
