Merge pull request #57 from github/allow-processing-selected-text

Add optional process func for selection text

src/index.ts

@@ -1,7 +1,10 @@
 import {extractFragment, insertMarkdownSyntax} from './markdown'
 
+type ProcessSelectionTextFn = (str: string) => string
+
 export class Quote {
   selection = window.getSelection()
+  processSelectionText: ProcessSelectionTextFn = str => str
 
   closest(selector: string): Element | null {
     const startContainer = this.range.startContainer
@@ -25,8 +28,12 @@ export class Quote {
     this.selection?.addRange(range)
   }
 
+  set processSelectionTextFn(fn: ProcessSelectionTextFn) {
+    this.processSelectionText = fn
+  }
+
   get selectionText(): string {
-    return this.selection?.toString().trim() || ''
+    return this.processSelectionText(this.selection?.toString().trim() || '')
   }
 
   get quotedText(): string {
@@ -91,6 +98,6 @@ export class MarkdownQuote extends Quote {
     } finally {
       body.removeChild(div)
     }
-    return selectionText.trim()
+    return this.processSelectionText(selectionText.trim())
   }
 }

test/test.js

@@ -101,6 +101,20 @@ describe('quote-selection', function () {
 
       assert.equal(textarea.value, 'Has text\n\n> bold\n\n')
     })
+
+    it('allows processing the quoted text before inserting it', function () {
+      const el = document.querySelector('#quotable')
+      const selection = window.getSelection()
+      window.getSelection = () => createSelection(selection, el)
+
+      const textarea = document.querySelector('#not-hidden-textarea')
+      const quote = new Quote()
+      quote.processSelectionTextFn = text => text.replace('Quotable', 'replaced')
+
+      quote.insert(textarea)
+
+      assert.equal(textarea.value, 'Has text\n\n> Test replaced text, bold.\n\n')
+    })
   })
 
   describe('with markdown enabled', function () {