Allow CJK characters to be treated like words when laying out lines of text (playcanvas#2980)

raytranuk · web-flow · commit 181a23b04d82 · 2021-03-17T16:55:09.000Z
* allow CJK characters to be treated like words when breaking lines

* remove * from CJK regex
diff --git a/src/framework/components/element/text-element.js b/src/framework/components/element/text-element.js
@@ -46,6 +46,7 @@ class MeshInfo {
 const LINE_BREAK_CHAR = /^[\r\n]$/;
 const WHITESPACE_CHAR = /^[ \t]$/;
 const WORD_BOUNDARY_CHAR = /^[ \t\-]$/;
+const CJK_CHAR = /^[\u4E00-\u9FFF]$/;
 
 // unicode bidi control characters https://en.wikipedia.org/wiki/Unicode_control_characters
 const CONTROL_CHARS = [
@@ -885,7 +886,8 @@ class TextElement {
                 }
 
                 var isWordBoundary = WORD_BOUNDARY_CHAR.test(char);
-                if (isWordBoundary) { // char is space, tab, or dash
+                var isCJK = CJK_CHAR.test(char);
+                if (isWordBoundary || isCJK) { // char is space, tab, or dash OR CJK
                     numWordsThisLine++;
                     wordStartX = _xMinusTrailingWhitespace;
                     wordStartIndex = i + 1;
