> For the complete documentation index, see [llms.txt](https://olab4.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://olab4.gitbook.io/help/advanced-topics/advanced-node-editor.md).

# Advanced Node Editor

In the [Basic Node Editor](/help/basic-topics/nodes.md#basic-node-editor) (BNE), click on the \[ADVANCED] button. This will launch the ANE in a new browser tab. 

<figure><img src="https://olab4.net/wp-content/uploads/2026/04/OLabANE.png" alt=""><figcaption></figcaption></figure>

You have more options to insert external images, apply formatting, as well as toggle options for the Node such as setting a Root Node, End Node, Visit Once options.&#x20;

Remember to \[SAVE] your changes because the ANE does **not** auto-save. Close the browser tab when done. We also **highly recommend** that you <mark style="background-color:$warning;">close the map in the main Designer canvas.</mark> Click on the blue 'OLab4' icon in the top left to return to the list of maps. <mark style="background-color:$danger;">Do not make further changes in the BNE</mark> before you do this. It will clobber the changes that you just made in the ANE. You can, of course, then reopen your map in the main Designer canvas and continue editing. (Sorry about this editor concurrency issue. Appropriate flogging has occurred!).&#x20;

### Direct HTML editing

You can also directly edit the raw HTML in a Node, using the ANE. Click on the <> button and you will see a panel with the Node's HTML.&#x20;

<figure><img src="https://olab4.net/wp-content/uploads/2026/04/OLabANEsourceHTML.png" alt=""><figcaption></figcaption></figure>

The OLab Player uses React.js to render the HTML in each node. Working with the raw HTML is quite standard for web developers but please only use this if you are familiar with HTML. The React.js engine is not nearly so tolerant of malformed HTML as the old PHP player was in OLab3. If you forget a closing tag such as \</p> or \</div>, the node may not render at all, which can be frustrating.&#x20;

Use the same Save, Close, tab close, map close strategy as <mark style="background-color:$warning;">noted above</mark> so that you avoid concurrency issues with the [Basic Node Editor](/help/basic-topics/nodes.md#basic-node-editor).&#x20;


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://olab4.gitbook.io/help/advanced-topics/advanced-node-editor.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.