Edit your code

Code view lets you view and edit your code in Google Web Designer's built-in code editing tool. In addition to HTML, you can create CSS, JavaScript, and XML files in code view. Code view uses code autocompletion which makes your code easier to write, with fewer errors.

Code View

For Ads and HTML files, you can switch between Code view and Design view, with the changes that you make to the code in Code view reflected in the Design view. This lets you immediately test how changes in your code will affect your designs.

You can also select objects with the selection tool and change the CSS styling for those objects in the CSS panel. 

Code view key commands

  Windows Mac
Find Ctrl+F Cmd+F
Find next Ctrl+G Cmd+G
Find previous Shift+Ctrl+G Shift+Cmd+G
Replace Shift+Ctrl+F Cmd+Option+F
Replace all Shift+Ctrl+R Shift+Cmd+Option+F