Improve whitespace handling in translations

The HTML source will include line breaks and indentation that is only
for source formatting, and will not be displayed.

1 files changed, 9 insertions, 2 deletions

diff --git a/app/localization.js b/app/localization.js
index 100901c..84341da 100644
--- a/app/localization.js
+++ b/app/localization.js
@@ -103,13 +103,20 @@ export class Localizer {
                 return items.indexOf(searchElement) !== -1;
             }
 
+            function translateString(str) {
+                // We assume surrounding whitespace, and whitespace around line
+                // breaks is just for source formatting
+                str = str.split("\n").map(s => s.trim()).join(" ").trim();
+                return self.get(str);
+            }
+
             function translateAttribute(elem, attr) {
-                const str = self.get(elem.getAttribute(attr));
+                const str = translateString(elem.getAttribute(attr));
                 elem.setAttribute(attr, str);
             }
 
             function translateTextNode(node) {
-                const str = self.get(node.data.trim());
+                const str = translateString(node.data);
                 node.data = str;
             }