Medium Editor Phrase is an extension to add a "phrase" button to Medium Editor.
A "phrase" is a group of one or more words.
This extension can be used to add a button to Medium Editor that adds an HTML tag to the selected text. Generally this means adding a
span tag around a phrase that may not have any semantic meaning. The
span can be useful for adding styles to the selected phrase. The phraseTagName is an option, so any HTML phasing content tag can be used, e.g.
In some cases an alternative is MediumButton; however, Medium Editor Phrase has improved handling of selecting/unselecting text and unit tests pass on Chrome, Firefox, Safari, Safari Mobile, and Edge.
npm install medium-editor-phrase
Options unique to Medium Editor Phrase:
phraseTagName: lowercase tagName of the phrase tag, default
phraseClassList: classes applied to each phrase tag, default
Options inherited from Medium Editor's button:
name: name used to reference the button from medium editor, default
aria: aria label, default
contentDefault: HTML visible to the user in the toolbar button, default
classList: classes added to the button, default
In this example, selected text will have a span added,
preceding selected succeeding will become
preceding <span class="has-footnote">selected</span> succeeding.
npm install medium-editor-phrasedownloads Medium Editor Phrase.
npm testruns both eslint and karma tests configured by
npm run test-travisruns eslint and karma configured for Travis CI by
karma.travis.conf.jsto run tests on headless Chrome browser and report code coverage to Coveralls.
npm run test-browserstackruns eslint locally and karma tests on BrowserStack configured by
BROWSERSTACK_ACCESS_KEYenvironment variables must be set to run tests on BrowserStack.
gulpcompiles the script to