Replace % with pc in output HTML class names.

% would need escaping, and Gmail doesn't support that.
maizzle · Feb 1, 2020 · 4b90d7a · 4b90d7a
1 parent dc8e0ab
commit 4b90d7a
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/generators/output/toString.js b/src/generators/output/toString.js
@@ -68,8 +68,18 @@ module.exports = async (str, options) => {
     }
 
     html = html
-      .replace(/(\..+)(\\:|\\\/)/g, group => group.replace(/\\:|\\\//g, '-')) // replace \/ and \: in class names from head
-      .replace(/class\s*=\s*["'][^"']*[/:][^"']*["']/g, group => group.replace(/\/|:/g, '-')) // replace special characters in class names from body
+      // Rewrite class names in `<head>` CSS
+      .replace(/(\..+)(\\:|\\\/|\\%)/g, group => {
+        return group
+          .replace(/\\:|\\\//g, '-') // replace `\/` and `\:` with `-`
+          .replace(/\\%/g, 'pc') // replace `%` with `pc`
+      })
+      // Rewrite class names in `<body>` HTML
+      .replace(/class\s*=\s*["'][^"']*[/:][^"']*["']/g, group => {
+        return group
+          .replace(/\/|:/g, '-') // replace `\/` and `\:` with `-`
+          .replace(/%/g, 'pc') // replace `%` with `pc`
+      })
 
     if (typeof options.afterRender === 'function') {
       html = await options.afterRender(html, config)