fix rendering of cjk characters

Author: nightwing

kitchen-sink.html

@@ -37,6 +37,9 @@
   <div style="text-align: left; padding: 0.5em 1em;">
     <a style="color: whitesmoke;" target="_test"  rel="noreferer" href="./tool/mode_creator.html">Mode Creator</a>
   </div>
+  <div style="text-align: left; padding: 0.5em 1em;">
+    <a style="color: whitesmoke;" target="_test"  rel="noreferer" href="./tool/perf-test.html">Performance test</a>
+  </div>
 <!--DEVEL-->
   </div>
   </div>

lib/ace/layer/text.js

@@ -331,7 +331,7 @@ var Text = function(parentEl) {
         while (m = re.exec(value)) {
             var tab = m[1];
             var simpleSpace = m[2];
-            var space = m[3];
+            var controlCharacter = m[3];
             var cjkSpace = m[4];
             var cjk = m[5];
 
@@ -359,10 +359,10 @@ var Text = function(parentEl) {
                 } else {
                     valueFragment.appendChild(this.com.createTextNode(simpleSpace, this.element));
                 }
-            } else if (space) {
+            } else if (controlCharacter) {
                 var span = this.dom.createElement("span");
                 span.className = "ace_invisible ace_invisible_space ace_invalid";
-                span.textContent = self.SPACE_CHAR;
+                span.textContent = lang.stringRepeat(self.SPACE_CHAR, controlCharacter.length);
                 valueFragment.appendChild(span);
             } else if (cjkSpace) {
                 // U+3000 is both invisible AND full-width, so must be handled uniquely
@@ -378,7 +378,7 @@ var Text = function(parentEl) {
                 screenColumn += 1;
                 var span = dom.createElement("span");
                 span.style.width = (self.config.characterWidth * 2) + "px";
-                span.className = "ace_invisible ace_invisible_space ace_invalid";
+                span.className = "ace_cjk";
                 span.textContent = cjk;
                 valueFragment.appendChild(span);
             }