Merge branch 'popinguy-master'

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 * Update documentation to use updated SVGO plugin name ([#275](https://github.com/jkphl/svg-sprite/pull/275))
 * Move `mocha` and `should` dependencies back to `devDependencies` again ([#297](https://github.com/jkphl/svg-sprite/pull/297), [#285](https://github.com/jkphl/svg-sprite/issues/285))
+* Add built-in templating function to encode hash signs ([#294](https://github.com/jkphl/svg-sprite/pull/294))
 
 ## 1.5.0 Maintenance release (2018-09-18)
 

docs/templating.md

@@ -221,6 +221,16 @@ Finds all backslashes in a string and escapes each of them with another backslas
 }
 ```
 
+#### encodeHashSign
+
+Finds all hash signs in a string and encodes each of them to `%23`. 
+
+```css
+.{{name}}-background {
+  background: url('data:image/svg+xml;utf-8,{{#encodeHashSign}}{{{svg}}}{{/encodeHashSign}}') no-repeat;
+}
+```
+
 
 [npm-url]: https://npmjs.org/package/svg-sprite
 [npm-image]: https://badge.fury.io/js/svg-sprite.png

lib/svg-sprite/layouter.js

@@ -76,6 +76,11 @@ defaultVariables                    = {
         return function(str, render) {
             return render(str).split('\\').join('\\\\');
         };
+    },
+    encodeHashSign                  : function() {
+        return function(str, render) {
+            return render(str).split('#').join('%23');
+        };
     }
 };