Advanced Node Editor

More info about the ANE

In the Basic Node Editor (BNE), click on the [ADVANCED] button. This will launch the ANE in a new browser tab.

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.

Remember to [SAVE] your changes because the ANE does not auto-save. Close the browser tab when done. We also highly recommend that you close the map in the main Designer canvas. Click on the blue 'OLab4' icon in the top left to return to the list of maps. Do not make further changes in the BNE 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!).

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.

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.

Use the same Save, Close, tab close, map close strategy as noted above so that you avoid concurrency issues with the Basic Node Editor.