Repository files navigation

Helpers for quoting selected text, appending the text into a<textarea> as a Markdown quote.

$ npm install @github/quote-selection

<divclass="my-quote-region"><p>Text to quote</p><textarea></textarea></div>

import{Quote}from'@github/quote-selection'document.addEventListener('keydown',event=>{if(event.key=='r'){constquote=newQuote()if(quote.closest('.my-quote-region')){quote.insert(document.querySelector('textarea'))}}})

Quote will take the currently selected HTML from the specified quote region, convert it to markdown, and create a quoted representation of the selection.

insert will insert the string representation of a selected text into the specified text area field.

constquote=newMarkdownQuote('.comment-body')quote.select(document.querySelector('.comment-body'))if(quote.closest('.my-quote-region')){quote.insert(quote,document.querySelector('textarea'))}

UsingMarkdownQuote instead ofQuote will ensure markdown syntax is preserved.

The optionalscopeSelector parameter ofMarkdownQuote ensures that even if the user selection bleeds outside of the scoped element, the quoted portion will always be contained inside the scope. This is useful to avoid accidentally quoting parts of the UI that might be interspersed between quotable content.

npm installnpm test

Distributed under the MIT license. See LICENSE for details.