> ## Documentation Index
> Fetch the complete documentation index at: https://takeprofit.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Indicator Code Editor (IDE) Widget

The IDE Widget enables you to create new technical indicators or modify existing ones. It provides a complete development environment for working with indicators on the TakeProfit platform. You can also add the indicators you have developed to the Indicators Marketplace and earn commission from sales and/or purchases of referrals.

## Adding IDE Widget

<video
  autoPlay
  muted
  loop
  playsInline
  className="w-full rounded-2xl"
  style={{
border: "1.9px solid rgba(179, 200, 224, 0.08)",
objectFit: "fill",
display: "block"
}}
  src="https://mintcdn.com/takeprofit-a5dc0462/67XMQdOAlONNWB1u/images/guide/platform/IDE-widget/2.11.2_Adding_IDE_Widget.mp4?fit=max&auto=format&n=67XMQdOAlONNWB1u&q=85&s=f4d5cde6286de59009c77d1a49cddaa2"
  data-path="images/guide/platform/IDE-widget/2.11.2_Adding_IDE_Widget.mp4"
/>

Two ways to access the IDE:

* Drag from Widget Hub to your workspace
* Click the Source Code icon of any open-source indicator (automatically creates a fork).

## Creating New Indicators

### Initial Setup

<video
  autoPlay
  muted
  loop
  playsInline
  className="w-full rounded-2xl"
  style={{
border: "1.9px solid rgba(179, 200, 224, 0.08)",
objectFit: "fill",
display: "block"
}}
  src="https://mintcdn.com/takeprofit-a5dc0462/67XMQdOAlONNWB1u/images/guide/platform/IDE-widget/2.11.3_Initial_Setup.mp4?fit=max&auto=format&n=67XMQdOAlONNWB1u&q=85&s=4ec601443630e13e2d60c3d4948f8439"
  data-path="images/guide/platform/IDE-widget/2.11.3_Initial_Setup.mp4"
/>

1. Start with an "Unsaved Script" widget
2. Access available indicators through the dropdown menu:
   * Built-in indicators
   * Marketplace purchases
   * Your custom indicators
3. Selecting any indicator creates a fork, indicated by a "Fork" label
4. Click the Fork label to rename your indicator.

## Key Features

<img src="https://mintcdn.com/takeprofit-a5dc0462/TlwpkqusjbenzX-5/images/guide/platform/IDE-widget/2.11.1_Key_Features.png?fit=max&auto=format&n=TlwpkqusjbenzX-5&q=85&s=4fc1df75215d745b358275cb39315998" alt="" width="2160" height="1200" data-path="images/guide/platform/IDE-widget/2.11.1_Key_Features.png" />

### Top Controls

* Left side:
  * Indicator name (editable)
  * Three-dot menu (Fork creation, Delete indicator)
  * Publish button for marketplace submission.

* Right side:
  * Version history (auto-saves after each code change)
  * Indie<sup>®</sup> language documentation
  * Find and Replace functionality.

### Standard Widget Controls

* Delete widget
* Duplicate widget (creates renamed copy)
* Share functionality (coming soon).

### Bottom Panel

* Add to Chart button:
  * Adds indicator to selected chart
  * Prompts to add chart if none exists
* Console button:
  * View indicator logs
  * Debug error messages.

## Working with Multiple IDEs

<video
  autoPlay
  muted
  loop
  playsInline
  className="w-full rounded-2xl"
  style={{
border: "1.9px solid rgba(179, 200, 224, 0.08)",
objectFit: "fill",
display: "block"
}}
  src="https://mintcdn.com/takeprofit-a5dc0462/67XMQdOAlONNWB1u/images/guide/platform/IDE-widget/2.11.4_Multiple_IDEs.mp4?fit=max&auto=format&n=67XMQdOAlONNWB1u&q=85&s=8094ed4a952c5a86eb5447521704c6e1"
  data-path="images/guide/platform/IDE-widget/2.11.4_Multiple_IDEs.mp4"
/>

You can work with several indicators simultaneously by opening multiple IDE widgets. This is particularly useful when:

* Developing related indicators
* Comparing different versions
* Testing multiple approaches.

### Multiple Charts Workflow

<video
  autoPlay
  muted
  loop
  playsInline
  className="w-full rounded-2xl"
  style={{
border: "1.9px solid rgba(179, 200, 224, 0.08)",
objectFit: "fill",
display: "block"
}}
  src="https://mintcdn.com/takeprofit-a5dc0462/67XMQdOAlONNWB1u/images/guide/platform/IDE-widget/2.11.5_Multiple_Charts_Workflow.mp4?fit=max&auto=format&n=67XMQdOAlONNWB1u&q=85&s=277ddc2bbd9e4f47565f2e759dbc3963"
  data-path="images/guide/platform/IDE-widget/2.11.5_Multiple_Charts_Workflow.mp4"
/>

* Before adding any indicator, click on your target chart to select it
* Make sure the chart is highlighted (active)
* Use Add to Chart to apply the indicator
* Repeat for other charts as needed.

### Working with Linked Charts

<video
  autoPlay
  muted
  loop
  playsInline
  className="w-full rounded-2xl"
  style={{
border: "1.9px solid rgba(179, 200, 224, 0.08)",
objectFit: "fill",
display: "block"
}}
  src="https://mintcdn.com/takeprofit-a5dc0462/67XMQdOAlONNWB1u/images/guide/platform/IDE-widget/2.11.6_Linked_Charts.mp4?fit=max&auto=format&n=67XMQdOAlONNWB1u&q=85&s=87b13033cdef305e93d9179750cde525"
  data-path="images/guide/platform/IDE-widget/2.11.6_Linked_Charts.mp4"
/>

Linked charts have independent indicators. Although charts can sync for symbols and timeframes, you must select each chart individually to add indicators, as each chart has its own set.

<Note>Keep your workspace organized by arranging IDE widgets near their corresponding charts for easier management.</Note>