pepepper/tissue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

タグの確定時に空白文字を置換する

Browse Source 
from 978eccd643
This commit is contained in:
shibafu 2020-08-12 23:06:17 +09:00
parent ae79f0225e
commit 969ddb94a9
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/js/components/TagInput2.tsx
View File

@ -24,21 +24,22 @@ const TagInput: React.FC<TagInputProps> = ({ id, name, value, isInvalid }) => {
case 'Enter': case 'Enter':
case ' ': case ' ':
if ((event as any).isComposing !== true) { if ((event as any).isComposing !== true) {
setTags(tags.concat(buffer.trim())); setTags(tags.concat(buffer.trim().replace(/\s+/g, '_')));
setBuffer(''); setBuffer('');
} }
event.preventDefault(); event.preventDefault();
break; break;
case 'Unidentified': case 'Unidentified': {
// 実際にテキストボックスに入力されている文字を見に行く (フォールバック処理) // 実際にテキストボックスに入力されている文字を見に行く (フォールバック処理)
const nativeEvent = event.nativeEvent; const nativeEvent = event.nativeEvent;
if (nativeEvent.srcElement && (nativeEvent.srcElement as HTMLInputElement).value.slice(-1) == ' ') { if (nativeEvent.srcElement && (nativeEvent.srcElement as HTMLInputElement).value.slice(-1) == ' ') {
setTags(tags.concat(buffer.trim())); setTags(tags.concat(buffer.trim().replace(/\s+/g, '_')));
setBuffer(''); setBuffer('');
event.preventDefault(); event.preventDefault();
} }
break; break;
} }
}
} else if (event.key === 'Enter') { } else if (event.key === 'Enter') {
// 誤爆防止 // 誤爆防止
event.preventDefault(); event.preventDefault();