feat(selection): Remove nodes based on tag name and class.

Author: jenstroeger

src/content.js

@@ -303,18 +303,19 @@ export function removeFormattingElem (host, range, elem) {
   })
 }
 
-export function removeFormatting (host, range, tagName) {
+export function removeFormatting (host, range, tagName, className) {
   return restoreRange(host, range, () => {
-    nuke(host, range, tagName)
+    nuke(host, range, tagName, className)
   })
 }
 
 // Unwrap all tags this range is affected by.
 // Can also affect content outside of the range.
-export function nuke (host, range, tagName) {
+export function nuke (host, range, tagName, className) {
   getTags(host, range).forEach((elem) => {
     if (elem.nodeName.toUpperCase() !== 'BR' &&
-      (!tagName || elem.nodeName.toUpperCase() === tagName.toUpperCase())) {
+      (!tagName || (elem.nodeName.toUpperCase() === tagName.toUpperCase() &&
+        (!className || elem.classList.contains(className))))) {
       unwrap(elem)
     }
   })

src/selection.js

@@ -204,8 +204,10 @@ export default class Selection extends Cursor {
   }
 
   // @param {String} tagName. E.g. 'a' to remove all links; if undefined, remove all.
-  removeFormatting (tagName) {
-    this.range = content.removeFormatting(this.host, this.range, tagName)
+  // @param {String} className. E.g. 'foo' to remove all links 'a.foo'; if undefined,
+  //                            disregard the className.
+  removeFormatting (tagName, className) {
+    this.range = content.removeFormatting(this.host, this.range, tagName, className)
     this.setSelection()
   }