Skip to content

Block Tune for text variants: Call-out, Citation, Details

License

Notifications You must be signed in to change notification settings

editor-js/text-variant-tune

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Text Variant Tune

Editor.js Block Tune allows applying one of defined text variant: Call-out, Citation, and Details to any block.

Variants

Call-out

For important information the author wants to emphasize.

Citation

To cite some full-text from a different source without using the Quote tool.

Details

To add some information that is less important.

How to use

  1. Install
yarn add @editorjs/text-variant-tune
  1. Connect
import EditorJS from '@editorjs/editorjs';
import TextVariantTune from '@editorjs/text-variant-tune';

/**
 * Editor.js configuration
 */
const editor = new EditorJS({
  /**
   * Connect tool
   */
  tools: {
    textVariant: TextVariantTune
  },

  /**
   * Apply to all the blocks
   */
  tunes: ['textVariant'],

  // ...
})

Optionally, you can connect this Tune only for specified blocks:

import EditorJS from '@editorjs/editorjs';
import TextVariantTune from '@editorjs/text-variant-tune';

/**
 * Editor.js configuration
 */
const editor = new EditorJS({
  tools: {
    textVariant: TextVariantTune,
    paragraph: { // apply only for the 'paragraph' tool
      tunes: ['textVariant'],
    }
  },
})

About

CodeX is a software engineering club unifying passionate engineers and designers around the world interested in making high-quality open-source projects and getting a priceless experience of making full-valued products on a global market.

twitter.com/codex_team

codex.so

About

Block Tune for text variants: Call-out, Citation, Details

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •