PRODUCT
Follow

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.

Code_Editor_1.png

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.

Custom CSS view

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.

Code_Editor_2.png

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.

CSS selectors view

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.

Code_Editor_3.png

Javascript view

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.

Code_Editor_4.png

Read only views

HTML5

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.

Code_Editor_5.png

CSS

This view displays the CSS code of the ad generated by the system in the design view. Similarly to the HTML view, this content is read only to prevent invalid content.

Code_Editor_6.png

Settings

Creative Studio supports external JavaScript files, either imported from a local file or hosted on a CDN.

Code_Editor_7.png
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments