자바스크립트 예제: 루비 문자 변환기

루비 문자 변환기 바로가기

루비 문자는 글자 위에 첨자가 붙는 것으로서 아래와 같은 것들을 루비 문자라고 합니다. 모든 문자 및 언어에서 사용되는 것이지만 주로 일본어 등에서 볼 수 있습니다. (루비 문자에 대한 설명)

　振ふり仮が名な

HTML으로 이 루비 문자를 입력할 수 있는데, 매번 태그를 입력하는 것이 귀찮기 때문에 변환기를 만들었습니다. 사용법은 루비 문자 변환기 사이트에 나와 있습니다.

https://gist.github.com/ayaysir/ab3081ee014a4b07f8a2eb03ec669d28

이 예제를 만들면서 rangyinputs 이라는 텍스트 선택 영역을 제어할 수 있는 편리한 제이쿼리 플러그인을 발견했는데 이에 대해서는 다음에 관련 글을 올리도록 하겠습니다.

 

[caption id=”attachment_1992” align=”alignnone” width=”585”] 결과 화면[/caption]

 

[caption id=”attachment_1991” align=”alignnone” width=”2416”] 오류가 발생하면 내용을 설명합니다.[/caption]

 

https://youtu.be/_i5NCIlztYU