# ComponentSettings Object

> Component settings.

- **Product:** TX Text Control .NET Server
- **Section:** Reference
- **Kind:** Object
- **Introduced:** 32.0
- **Path:** TX Text Control .NET Server > Reference > JavaScript API > ComponentSettings Object
- **594 words**
- **Web URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/
- **LLMs URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/llms.txt
- **LLMs-Full URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/llms-full.txt

---

### Description

Component settings.

### Syntax

```javascript
{
   containerID: <string>,
   webSocketURL: <string>,
   [editorSettings: <DocumentEditorSettings>],
   [replaceContainer: <boolean>],
   [domContentLoaded: <function>],
   [containerElement: <HTMLDivElement>]
}
```

### Examples

The following example demonstrates `ComponentSettings` in a practical document-editing workflow. Component settings.

```javascript
function inspectComponentSettings(componentSettings) {
    console.log("container id:", componentSettings.containerID);
    console.log("web socket url:", componentSettings.webSocketURL);
    console.log("editor settings:", componentSettings.editorSettings);
    console.log("replace container:", componentSettings.replaceContainer);
}
```

---

## In This Section

- [Javascript: ComponentSettings.containerElement Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/containerelement-property/llms-full.txt): Optional. The container DIV element. Alternative to containerID. If both are specified, containerElement takes precedence.
- [Javascript: ComponentSettings.containerID Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/containerid-property/llms-full.txt): The ID of the editor container DIV element.
- [Javascript: ComponentSettings.domContentLoaded Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/domcontentloaded-property/llms-full.txt): Optional. Event handler which is fired as soon as the document editor scaffolding has been inserted into the DOM.
- [Javascript: ComponentSettings.editorSettings Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/editorsettings-property/llms-full.txt): Optional. The document editor settings.
- [Javascript: ComponentSettings.replaceContainer Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/replacecontainer-property/llms-full.txt): Optional. Replace the container element instead of appending ourselves to it as a child.
- [Javascript: ComponentSettings.webSocketURL Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/websocketurl-property/llms-full.txt): The WebSocket URL.

---

## Nearby

- **Previous:** [CommentEventCallback Function](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/commenteventcallback/llms-full.txt)
- **Next:** [Javascript: ComponentSettings.containerElement Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/componentsettings/containerelement-property/llms-full.txt)