> This page is for Developer.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.bigcommerce.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.bigcommerce.com/_mcp/server.

# Code

Allows you to display HTML editor controls for your widget.

---

**Widget Configuration Output**

```json showLineNumbers={false}
{
  "html": "<div>html code can go here</div>"
}
```

---

**User Interface Output**

![output](/_fern-img/0c025f7f1d8e23bd5c0ebdea80a8419744db6edadb804c0faf40e271ea51bc89.webp)

---

**JSON Schema**

| Property               | Type   | Description                                                                         | Example                 |
| ---------------------- | ------ | ----------------------------------------------------------------------------------- | ----------------------- |
| `id`                   | string | The variable name where the setting value will be available in the widget template. | "htmlCode"              |
| `label`                | string | The user friendly message to inform the user how this setting will be used.         | "HTML Code"             |
| `default`              | string | The default value to use when rendering the widget for the first time.              | "html code can go here" |
| `type`                 | string | The type of setting component to display.                                           | "code"                  |
| `typeMeta`             | object | Additional information needed based on the selected setting type.                   |                         |
| `typeMeta.language`    | string | Language used in the code editor.                                                   | "html"                  |
| `typeMeta.placeholder` | string | Placeholder text in the text editor.                                                | "Insert HTML code here" |