### Html Plugin

HTML plugin enables users to embed content in an iframe (either source code or by URL)

#### Usage

##### Editor

```tsx widget
import { pluginHtml, RicosEditor } from '@wix/ricos';
import React from 'react';

export default () => {
  // @essential-start
  return <RicosEditor placeholder={'Type here'} plugins={[pluginHtml()]} />;
  // @essential-end
};
```

##### Viewer

```tsx widget
import '@wix/ricos/css/plugin-html-viewer.global.css';
import '@wix/ricos/css/ricos-viewer.global.css';
import type { RichContent } from '@wix/ricos';
import { pluginHtmlViewer, RicosViewer } from '@wix/ricos';
import React from 'react';

export default () => {
  // @essential-start
  return <RicosViewer content={content} plugins={[pluginHtmlViewer()]} />;
  // @essential-end
};

const content = {
  nodes: [
    {
      type: 'HTML',
      id: 'zpkdz19',
      htmlData: {
        containerData: {
          width: {
            custom: '550',
          },
          alignment: 'CENTER',
          height: {
            custom: '550',
          },
        },
        url: 'https://en.wikipedia.org/wiki/Luxembourg',
        source: 'HTML',
      },
    },
  ],
} as RichContent;
```

#### Html Config API

##### `maxWidth`

The maximum component width in pixels. note: this value is dynamically limited by the editor boundaries

```jsx
maxWidth?: number;
```

Default value:

```jsx
940;
```

##### `minWidth`

The minimum component width in pixels

```jsx
minWidth?: number;
```

Default value:

```jsx
35;
```

##### `width`

The initial component width in pixels

```jsx
width?: number;
```

Default value:

```jsx
740;
```

##### `minHeight`

The minimum component height in pixels

```jsx
minHeight?: number;
```

Default value:

```jsx
35;
```

##### `maxHeight`

The maximum component height in pixels

```jsx
maxHeight?: number;
```

Default value:

```jsx
1200;
```
