728x90
// key와 value값이 있는 배열을 선언합니다.
const keyValueArray = [
{ key: 'apple', value: '사과' },
{ key: 'banana', value: '바나나' },
{ key: 'orange', value: '오렌지' },
// ...
];
// textarea 엘리먼트를 선택합니다.
const $textarea = $('textarea');
// textarea에 입력된 값을 감지하는 이벤트 리스너를 등록합니다.
$textarea.on('input', function() {
let inputValue = $textarea.val(); // 입력된 값
for (const keyValue of keyValueArray) {
const regex = new RegExp(keyValue.key, 'gi'); // 정규식 패턴 생성
inputValue = inputValue.replace(regex, keyValue.value); // key값과 일치하는 문자열을 value값으로 변경
}
$textarea.val(inputValue); // 변경된 값을 textarea에 적용
});
참고 : https://choi-hyunho.tistory.com/175
728x90