Add ability to ignore elements if they already contain   characters

README.md

@@ -66,6 +66,7 @@ That settings object now allows `<h2>` elements within `article#content` to be p
 | `minWords`    | Number | The minimum amount of words that have to be present in an element's content before TypeMate will process it | 4                                   |
 | `selector`    | String | The selector string that's passed to `querySelectorAll` | 'p'                                 |
 | `ignoreClass` | String | The CSS class that can be added to an element to mark itself as ignorable to TypeMate | 'js&#8288;-&#8288;typemate__ignore' |
+| `ignoreExistingSpaceChars`    | Boolean | Determine if elements should be ignored if they already contain an `&nbsp;` character | false                                 |
 
 ## Codepen example
 

src/typemate.js

@@ -14,7 +14,8 @@ class TypeMate {
         self.settings = Object.assign({
             minWords: 4,
             selector: 'p',
-            ignoreClass: 'js-typemate__ignore'
+            ignoreClass: 'js-typemate__ignore',
+            ignoreExistingSpaceChars: false 
         }, settings);
 
         // Either load from root or the passed parent element
@@ -40,6 +41,11 @@ class TypeMate {
                 return false;
             }
 
+            // Run the ignore checker nd bail if required
+            if(self.shouldElementBeIgnored(elem)) {
+                return false;
+            }
+
             // The result string will be tacked on to this 
             var result = '';
 
@@ -88,9 +94,33 @@ class TypeMate {
         let self = this;
 
         self.elems.map(elem => {
+
+            // Run the ignore checker nd bail if required
+            if(self.shouldElementBeIgnored(elem)) {
+                return false;
+            }
+
             elem.innerHTML = elem.innerHTML.replace(/ /g, ' ');
         });
     }
+
+    /**
+     * Run checks to see if the passed element should be skipped
+     * 
+     * @param {HTMLElement} elem 
+     * @returns boolean
+     */
+    shouldElementBeIgnored(elem) {
+        let self = this;
+
+        // Check if the element already contains 1 or more   characters and the 
+        // ignore setting is true. If so: bail.
+        if((elem.innerHTML.indexOf(' ') > -1) && self.settings.ignoreExistingSpaceChars) {
+            return true; 
+        }
+
+        return false;
+    }
 };
 
 module.exports = function(parent, settings = {}) {

tests.json

@@ -36,5 +36,12 @@
     },
     "init": "<p class=\"ignore\">Etiam porta sem malesuada.</p>",
     "apply": "<p class=\"ignore\">Etiam porta sem malesuada.</p>"
+  },
+  "Will ignore element if there's 1 or more &nbsp; characters present": {
+    "settings": {
+      "ignoreExistingSpaceChars": true
+    },
+    "init": "<p>Some text with an existing&nbsp;character</p>",
+    "apply": "<p>Some text with an existing&nbsp;character</p>"
   }
 }