---
title: "DefaultStyleExtractor | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/DefaultStyleExtractor/"
---

# DefaultStyleExtractor

> - [`IDefaultStyleExtractor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IDefaultStyleExtractor.md#idefaultstyleextractor)

## Classes

### DefaultStyleExtractor

#### Implements

#### Constructors

##### Constructor

```ts
new DefaultStyleExtractor(colorParser): DefaultStyleExtractor;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `colorParser` | [`IColorParser`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IColorParser.md#icolorparser) |

###### Returns

[`DefaultStyleExtractor`](#defaultstyleextractor)

#### Methods

##### extract()

```ts
extract(
   markup, 
   colorPalette, 
   defaultFontSize, 
   listStyleSheetManager): IStyleExtractResult;
```

Extracts default paragraph and span styles.

###### Parameters

| Parameter | Type | Description |
| ------ | ------ | ------ |
| `markup` | `string` | source text. |
| `colorPalette` | [`IColorPalette`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IColorPalette.md#icolorpalette) | list of used colors. |
| `defaultFontSize` | `number` | default text font size. |
| `listStyleSheetManager` | [`IListStyleSheetManager`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IListStyleSheetManager.md#iliststylesheetmanager) | list style sheet manager. |

###### Returns

[`IStyleExtractResult`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IStyleExtractResult.md#istyleextractresult)

IStyleExtractResult that contains text without extracted default paragraph and span styles.

###### Implementation of

[`IDefaultStyleExtractor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IDefaultStyleExtractor.md#idefaultstyleextractor).[`extract`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/IDefaultStyleExtractor.md#extract)
