---
title: "IControlTypeContent"
---
# IControlTypeContent

Defined in: [src/types/toolbar.d.ts:296](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L296)

## Extends

- [`IControlTypeStrong`](./types.IControlTypeStrong.html)

### text?

`optional` **text?**: `string`

Defined in: [src/types/toolbar.d.ts:32](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L32)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`text`](./types.IControlTypeStrong.html#text)

***

### textTemplate?

`optional` **textTemplate?**: (`jodit`, `value`) => `string`

Defined in: [src/types/toolbar.d.ts:33](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L33)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `jodit` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `value` | `string` |

#### Returns

`string`

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`textTemplate`](./types.IControlTypeStrong.html#texttemplate)

***

### mode?

`optional` **mode?**: [`Modes`](../modules/types.html#modes)

Defined in: [src/types/toolbar.d.ts:35](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L35)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`mode`](./types.IControlTypeStrong.html#mode)

***

### hotkeys?

`optional` **hotkeys?**: `string` \| `string`[]

Defined in: [src/types/toolbar.d.ts:36](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L36)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`hotkeys`](./types.IControlTypeStrong.html#hotkeys)

***

### data?

`optional` **data?**: [`IDictionary`](../modules/types.html#idictionary)

Defined in: [src/types/toolbar.d.ts:37](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L37)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`data`](./types.IControlTypeStrong.html#data)

***

### isInput?

`optional` **isInput?**: `boolean`

Defined in: [src/types/toolbar.d.ts:39](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L39)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`isInput`](./types.IControlTypeStrong.html#isinput)

***

### component?

`optional` **component?**: `"button"` \| `"select"`

Defined in: [src/types/toolbar.d.ts:41](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L41)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`component`](./types.IControlTypeStrong.html#component)

***

### isVisible?

`optional` **isVisible?**: (`editor`, `control`) => `boolean`

Defined in: [src/types/toolbar.d.ts:43](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L43)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `editor` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `control` | [`IControlType`](./types.IControlType.html) |

#### Returns

`boolean`

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`isVisible`](./types.IControlTypeStrong.html#isvisible)

***

### isActive?

`optional` **isActive?**: (`editor`, `button`) => `boolean`

Defined in: [src/types/toolbar.d.ts:69](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L69)

You can use it function for control - active/not active button

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `editor` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`boolean`

#### See

copyformat plugin

#### Example

```javascript
var editor = Jodit.make('.selectorclass', {
    buttons: {
         checkbox: {
             data: {
                 active: false,
             },
             iconURL: 'checkbox.png',
             exec: function (a, b, btn) {
                 btn.data.active = !btn.data.active;
             },
             isActive: function (editor, btn) {
                 return !!btn.data.active;
             }
         }
    }
})
```

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`isActive`](./types.IControlTypeStrong.html#isactive)

***

### update?

`optional` **update?**: (`editor`, `button`) => `void`

Defined in: [src/types/toolbar.d.ts:71](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L71)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `editor` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`void`

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`update`](./types.IControlTypeStrong.html#update)

***

### isChildActive?

`optional` **isChildActive?**: (`editor`, `button`) => `boolean`

Defined in: [src/types/toolbar.d.ts:73](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L73)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `editor` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`boolean`

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`isChildActive`](./types.IControlTypeStrong.html#ischildactive)

***

### isDisabled?

`optional` **isDisabled?**: (`editor`, `button`) => `boolean`

Defined in: [src/types/toolbar.d.ts:101](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L101)

You can use it function for control - disable/enable button

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `editor` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`boolean`

#### See

copyformat plugin

#### Example

```javascript
var editor = Jodit.make('.selectorclass', {
    buttons: {
         checkbox: {
             data: {
                 enable: false,
             },
             iconURL: 'checkbox.png',
             exec: function (a, b, btn) {
                 btn.data.active = !btn.data.active;
             },
             isDisabled: function (editor, btn) {
                 return !!btn.data.enable;
             }
         }
    }
})
```

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`isDisabled`](./types.IControlTypeStrong.html#isdisabled)

***

### isChildDisabled?

`optional` **isChildDisabled?**: (`editor`, `button`) => `boolean`

Defined in: [src/types/toolbar.d.ts:103](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L103)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `editor` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`boolean`

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`isChildDisabled`](./types.IControlTypeStrong.html#ischilddisabled)

***

### list?

`optional` **list?**: `string`[] \| [`IDictionary`](../modules/types.html#idictionary)\<`string` \| `number`\> \| `number`[]

Defined in: [src/types/toolbar.d.ts:136](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L136)

Drop-down list. A hash or array. You must specify the command which will be submitted for the hash key
(or array value) (see .[IJodit.execCommand](plugins_delete.IJodit.html#execcommand) or define 'exec' function. See example

#### Example

```javascript
Jodit.make('#editor2', {
    buttons: Jodit.defaultOptions.buttons.concat([{
       name: 'listsss',
       iconURL: 'stuf/dummy.png',
       list: {
           h1: 'insert Header 1',
           h2: 'insert Header 2',
           clear: 'Empty editor',
       },
       exec: (editor, current, control) => {
            var key = control.args[0],
               value = control.args[1];

            if (key === 'clear') {
                this.setEditorValue('');
                return;
            }
            this.s.insertNode(this.c.element(key, ''));
            this.message.info('Was inserted ' + value);
       },
       template: function (key, value) {
           return '<div>' + value + '</div>';
       }
 });
```

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`list`](./types.IControlTypeStrong.html#list)

***

### command?

`optional` **command?**: `string`

Defined in: [src/types/toolbar.d.ts:143](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L143)

The command executes when the button is pressed. Allowed all

#### See

https://developer.mozilla.org/ru/docs/Web/API/Document/execCommand#commands
and several specific [IJodit.execCommand](plugins_delete.IJodit.html#execcommand)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`command`](./types.IControlTypeStrong.html#command)

***

### tagRegExp?

`optional` **tagRegExp?**: [`RegExp`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp)

Defined in: [src/types/toolbar.d.ts:144](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L144)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`tagRegExp`](./types.IControlTypeStrong.html#tagregexp)

***

### tags?

`optional` **tags?**: [`HTMLTagNames`](../modules/types.html#htmltagnames)[]

Defined in: [src/types/toolbar.d.ts:149](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L149)

Tag list:  when cursor inward tag from this list, button will be highlighted

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`tags`](./types.IControlTypeStrong.html#tags)

***

### css?

`optional` **css?**: [`IDictionary`](../modules/types.html#idictionary)\<`string` \| `string`[]\>

Defined in: [src/types/toolbar.d.ts:151](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L151)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`css`](./types.IControlTypeStrong.html#css)

***

### icon?

`optional` **icon?**: `string` \| [`Partial`](https://www.typescriptlang.org/docs/handbook/utility-types.html#partialtype)\<[`IUIIconState`](./types.IUIIconState.html)\>

Defined in: [src/types/toolbar.d.ts:169](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L169)

String name for existing icons.

#### Example

```javascript
var editor = Jodit.make('.editor', {
 buttons: [
     {
         icon: 'source',
         exec: function (editor) {
             editor.toggleMode();
         }
     }
 ]
})
```

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`icon`](./types.IControlTypeStrong.html#icon)

***

### iconURL?

`optional` **iconURL?**: `string`

Defined in: [src/types/toolbar.d.ts:175](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L175)

Use this property if you want set background image for the button. This icon can be 16 * 16 px in SVG or
another image formats

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`iconURL`](./types.IControlTypeStrong.html#iconurl)

***

### tooltip?

`optional` **tooltip?**: `string` \| ((`editor`, `control`, `button?`) => `string`)

Defined in: [src/types/toolbar.d.ts:180](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L180)

Buttons hint

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`tooltip`](./types.IControlTypeStrong.html#tooltip)

***

### exec?

`optional` **exec?**: (`view`, `current`, `options`) => `any`

Defined in: [src/types/toolbar.d.ts:187](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L187)

This function will be executed when the button is pressed.

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `view` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `current` | [`Nullable`](../modules/types.html#nullable)\<[`Node`](https://developer.mozilla.org/docs/Web/API/Node)\> |
| `options` | \{ `control`: [`IControlType`](./types.IControlType.html)\<[`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\>, [`IToolbarButton`](./types.IToolbarButton.html)\>; `originalEvent`: [`Event`](https://developer.mozilla.org/docs/Web/API/Event); `button`: [`IToolbarButton`](./types.IToolbarButton.html); \} |
| `options.control` | [`IControlType`](./types.IControlType.html)\<[`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\>, [`IToolbarButton`](./types.IToolbarButton.html)\> |
| `options.originalEvent` | [`Event`](https://developer.mozilla.org/docs/Web/API/Event) |
| `options.button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`any`

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`exec`](./types.IControlTypeStrong.html#exec)

***

### childExec?

`optional` **childExec?**: (`view`, `current`, `options`) => `any`

Defined in: [src/types/toolbar.d.ts:222](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L222)

Allows you to set a separate handler for list items

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `view` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `current` | [`Nullable`](../modules/types.html#nullable)\<[`Node`](https://developer.mozilla.org/docs/Web/API/Node)\> |
| `options` | \{ `parentControl`: [`IControlType`](./types.IControlType.html)\<[`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\>, [`IToolbarButton`](./types.IToolbarButton.html)\>; `control`: [`IControlType`](./types.IControlType.html)\<[`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\>, [`IToolbarButton`](./types.IToolbarButton.html)\>; `originalEvent`: [`Event`](https://developer.mozilla.org/docs/Web/API/Event); `button`: [`IToolbarButton`](./types.IToolbarButton.html); \} |
| `options.parentControl` | [`IControlType`](./types.IControlType.html)\<[`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\>, [`IToolbarButton`](./types.IToolbarButton.html)\> |
| `options.control` | [`IControlType`](./types.IControlType.html)\<[`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\>, [`IToolbarButton`](./types.IToolbarButton.html)\> |
| `options.originalEvent` | [`Event`](https://developer.mozilla.org/docs/Web/API/Event) |
| `options.button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`any`

#### Example

```javascript
Jodit.make('.editor', {
  buttons: [
    {
      name: 'add-date',
      iconURL: 'stuf/dummy.png',
      list: {
        options: 'Open options',
      },
      exec(editor, current, control) {
        editor.s.insertHTML(new Date().toString());
      },
      childExec(editor, current, control) {
        if (control.args[0] === 'options') {
          editor.alert('Options');
        }
      }
    }
  ]
})
```

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`childExec`](./types.IControlTypeStrong.html#childexec)

***

### args?

`optional` **args?**: `any`[]

Defined in: [src/types/toolbar.d.ts:233](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L233)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`args`](./types.IControlTypeStrong.html#args)

***

### template?

`optional` **template?**: (`jodit`, `key`, `value`) => `string`

Defined in: [src/types/toolbar.d.ts:238](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L238)

The method which will be called for each element of button.list

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `jodit` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `key` | `string` |
| `value` | `string` |

#### Returns

`string`

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`template`](./types.IControlTypeStrong.html#template)

***

### childTemplate?

`optional` **childTemplate?**: (`jodit`, `key`, `value`, `button`) => `string`

Defined in: [src/types/toolbar.d.ts:240](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L240)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `jodit` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `key` | `string` |
| `value` | `string` |
| `button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`string`

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`childTemplate`](./types.IControlTypeStrong.html#childtemplate)

***

### popup?

`optional` **popup?**: (`jodit`, `current`, `close`, `button`) => `string` \| `false` \| [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement) \| [`IUIElement`](./types.IUIElement.html)

Defined in: [src/types/toolbar.d.ts:273](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L273)

After click on the button it will show popup element which consist value that this function returned

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `jodit` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `current` | [`Nullable`](../modules/types.html#nullable)\<[`Node`](https://developer.mozilla.org/docs/Web/API/Node)\> |
| `close` | () => `void` |
| `button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`string` \| `false` \| [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement) \| [`IUIElement`](./types.IUIElement.html)

#### Example

```javascript
var editor = Jodit.make('.editor', {
   buttons: [
     {
         icon: "insertCode",
         popup: function (editor) {
             var div = document.createElement('div'), button = dccument.createElement('button');
             div.innerHTML = 'Hi! Click button and enter your code';
             button.innerHTML = 'Click me';

             div.appendChild(button);

             button.addEventListener('click', function (e) {
                 editor.s.insertHTML(prompt("Enter your code"));
                 return false;
             });
             return div;
         }
     }
   ]
});
```

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`popup`](./types.IControlTypeStrong.html#popup)

***

### defaultValue?

`optional` **defaultValue?**: `string` \| `string`[]

Defined in: [src/types/toolbar.d.ts:280](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L280)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`defaultValue`](./types.IControlTypeStrong.html#defaultvalue)

***

### value?

`optional` **value?**: (`jodit`, `button`) => `string` \| `undefined`

Defined in: [src/types/toolbar.d.ts:282](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L282)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `jodit` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`string` \| `undefined`

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`value`](./types.IControlTypeStrong.html#value)

***

### mods?

`optional` **mods?**: [`IDictionary`](../modules/types.html#idictionary)\<[`ModType`](../modules/types.html#modtype)\>

Defined in: [src/types/toolbar.d.ts:283](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L283)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`mods`](./types.IControlTypeStrong.html#mods)

***

### name

**name**: `string`

Defined in: [src/types/toolbar.d.ts:292](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L292)

#### Inherited from

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`name`](./types.IControlTypeStrong.html#name)

***

### getContent

**getContent**: (`editor`, `button`) => `string` \| [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)

Defined in: [src/types/toolbar.d.ts:297](https://github.com/xdan/jodit/blob/main/src/types/toolbar.d.ts#L297)

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `editor` | [`IViewBased`](./types.IViewBased.html)\<[`IViewOptions`](./types.IViewOptions.html)\> \| [`IJodit`](./types.IJodit.html) \| [`IFileBrowser`](./types.IFileBrowser.html)\<[`IFileBrowserOptions`](./types.IFileBrowserOptions.html)\> |
| `button` | [`IToolbarButton`](./types.IToolbarButton.html) |

#### Returns

`string` \| [`HTMLElement`](https://developer.mozilla.org/docs/Web/API/HTMLElement)

#### Overrides

[`IControlTypeStrong`](./types.IControlTypeStrong.html).[`getContent`](./types.IControlTypeStrong.html#getcontent)