多语言动态切换。

tengge1 · Jan 28, 2019 · b1f9ff8 · b1f9ff8
1 parent eab0358
commit b1f9ff8
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 87 deletions.
diff --git a/ShadowEditor.Web/index-en.html b/ShadowEditor.Web/index-en.html
diff --git a/ShadowEditor.Web/index.html b/ShadowEditor.Web/index.html
@@ -65,20 +65,43 @@
 
     <!-- Shadow Editor -->
     <script src="dist/ShadowEditor.js"></script>
-    <script src="lang/zh-CN.js"></script>
     <script>
         var container = null;
         var app = null;
 
-        var start = function () {
+        var lang = window.localStorage.getItem('lang') || 'zh-CN';
+
+        var loadJs = url => {
+            var script = document.createElement('script');
+            script.type = 'text/javascript';
+            script.src = url;
+
+            document.body.appendChild(script);
+
+            return new Promise(resolve => {
+                script.onload = () => {
+                    resolve();
+                }
+            });
+        };
+
+        var start = () => {
             container = document.getElementById('container');
             app = new Shadow.Application(container, {
                 server: location.origin
             });
             app.start();
         };
 
-        window.onload = start;
+        window.onload = () => {
+            if (lang === 'zh-CN') {
+                loadJs('lang/zh-CN.js').then(() => {
+                    start();
+                });
+            } else {
+                start();
+            }
+        };
     </script>
 </body>