5.0 Using the Component Editor

1️⃣ Click the pencil icon on the Component to be edited

1️⃣ Click the ‘Tt’ button to decrease the editor font size

2️⃣ Click the ‘tT’ button to increase the editor font size

1️⃣ Type Code into the editor and use the TAB or ENTER keys to use suggestions

2️⃣ Click the back arrow button to undo edits

3️⃣ Click the forward arrow button to redo edits

1️⃣ Highlight Code in the editor which is to be copied

2️⃣ Click the Copy button

3️⃣ Click in Code editor where the code is to be copied to

4️⃣ Click the Paste icon

1️⃣ Highlight Code in the editor which is to be cut

2️⃣ Click the Cut icon

3️⃣ Click in Code editor where the code is to be cut to

4️⃣ Click the Paste icon

1️⃣ Click Format code button for help with the code formatting

1️⃣ Click in Code editor for Commenting a line

2️⃣ Click the Comment icon

1️⃣ Click the Content instruction button to add a Content instruction

2️⃣ Click the Repeater instruction button to add a Repeater instruction

3️⃣ Click the Child instruction button to add a Child instruction

4️⃣ Click the Slot instruction button to add a Slot instruction

5️⃣ [JSON channel only] Click the Autogenerate instruction button to autogenerate the code

6️⃣ Click the View help button to open side-panel with for Instruction definitions

1️⃣ Click the Head/Body buttons to select where the Component can be placed in a Page Layout

1️⃣ Click the fullscreen button to put the editor into fullscreen mode

2️⃣ Click the fullscreen button again to exit fullscreen mode

1️⃣ Click the dark mode toggle to present code editor area in dark mode

1️⃣ Click the Save button to save changes

2️⃣ Click the Close button to finish