
# getSelectedBlocksMap

The `getSelectedBlocksMap` utilitis is useful when you need to have access
to the selected blocks and not all of the available blocks.

## Usage

To get the array of selected blocks use `getSelectedBlocksMap` function.

```ts
getSelectedBlocksMap(state: State) => ContentBlock[]
```

## Example

An example of `getSelectedBlocksMap` usage:
(Select multiple blocks to see the difference)

```ts
import { useState, useEffect } from 'react';
import { EditorState } from 'draft-js';
import { Editor, getSelectedBlocksMap } from 'contenido';


const Demo = () => {
  const [editorState, setEditorState] = useState(
    EditorState.createEmpty()
  );

  useEffect(() => {
    console.log(getSelectedBlocksMap(editorState))
  }, [editorState])

  return (
    <Editor
      editorState={editorState}
      onChange={setEditorState}
      editorRef={editorRef}
    >
  )
}

export default Demo;
```


Selected Block Maps

overview

installation

getting-started

custom-styles

bold

italic

underline

line-through

overline

superscript

subscript

color

transform

inline-styles

custom-block-type

heading-1-to-6

paragraph

list

blockquote

text-alignment

block-types

link

decorators

custom-atomic-block

image-block

video-block

audio-block

file-block

atomic-count

image-count

video-count

audio-count

file-count

atomic-blocks

focus-on-editor

empty-raw-content-state

selected-blocks-map

clear-inline-styles

clear-block-types

soft-newline

clear-entities

clear

character-count

plain-text

word-array

word-count

find-entities

find-link-entities

entity-count

generate-key

helpers

shortcuts

shortcuts-map

getSelectedBlocksMap

Usage #

Example #