Handle Unicode characters represented by multiple code points (e.g. emojis)

cngu / vue-typer

Vue component that simulates a user typing, selecting, and erasing text.

https://cngu.github.io/vue-typer

MIT License

792 stars 51 forks source link

Handle Unicode characters represented by multiple code points (e.g. emojis) #4

Closed cngu closed 7 years ago

cngu commented 7 years ago

VueTyper currently uses string.length and string.split('') while processing the text-to-type. This doesn't work for extended Unicode characters made up of multiple codepoints.

See:

http://stackoverflow.com/a/24531752 + https://github.com/orling/grapheme-splitter
Downgoat's interesting ES6 solution

Reading:

http://www.unicode.org/reports/tr29/#Grapheme_Cluster_Boundaries