
# findEntitiesOf

Finding entities can be usefull in cases like decorator strategies or custom
utilities that need to know about a certain type of entity.

## Usage

Use `findEntitiesOf` utility to find the entities of your desired block type.

```ts
findEntitiesOf(entityType: string) => (
  contentBlock: ContentBlock,
  callback: (start: number, end: number) => void,
  contentState: ContentState
) => void
```

## Example

An example of `findEntitiesOf` usage:

```ts
import { useState, useEffect, FC } from 'react';
import { EditorState } from 'draft-js';
import {
  Editor,
  addImage,
  createDecorator,
  findEntitiesOf,
  DecoratorComponentProps,
  ImageAttributes
} from 'contenido';

const Image: FC<DecoratorComponentProps> = (props) => {
  return <img alt={props.alt} src={props.src}>
}


const Demo = () => {
  const imageStrategy = findEntitiesOf('image');

  const decorators = createDecorator([
    component: Image,
    strategy: imageStrategy,
  ])

  const [editorState, setEditorState] = useState(
    EditorState.createEmpty(decorators)
  );

  return (
    <>
      <Editor
        editorState={editorState}
        onChange={setEditorState}
        editorRef={editorRef}
      >
      <button onClick={() => {
        addImage(editorState, setEditorState, {
          src: 'https://picsum.photos/200/200',
          alt: 'Random image'
        })
      }}>
        Add Image
      </button>
    </>
  )
}

export default Demo;
```


Find Entities Of A Certain Type

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

findEntitiesOf

Usage #

Example #