While most functions in Creative Studio can be achieved with the Design tools, the Code Editor allows advanced users to add more content that may not be supported through other means. The Code Editor is accessible in the toolbar.

Opening the Code Editor reveals options for viewing and editing the code of the Creative. It opens up with the Code Panel at the center of the window.
This view allows addition of custom CSS to augment the code generated by the system in the design view. The formatting of the code is similar to any hand-scripted CSS.

Custom CSS can be previewed on the right side of the Code Editor by clicking on the Play button. While this preview doesn’t have the fidelity of the Preview mode of Creative Studio, it allows quick checks of code changes within the same window.
The CSS Selectors view display all of the identifiers (ID) and classes associated to the layers of the ad. This view can be used to rename the layers and associated classes for easier access while adding custom code.

This view allows addition of custom Javascript to augment the code generated by the system in the design view. The formatting of the code is similar to any hand-scripted JavaScript.

This view displays the HTML code of the ad generated by the system in the design view. While read-only to prevent invalid content in the design view, this view can be used to check the integrity of the code and quickly identify ID and classes associated to HTML tags.

Comments