Menu
AWS CloudFormation
User Guide (API Version 2010-05-15)

JSON Editor

Use Designer's integrated JSON editor to view and edit template details. For example, you can use the JSON editor to define the properties of a resource or to change a template parameter. The JSON editor has two views: a Components view and a Template view.

To make minor changes to a specific section of a template, use the Components view. In the Components view, the components that you can edit are divided into tabs. These tabs change depending on whether you have a resource selected.

For example, if you select a resource, Designer provides tabs to edit the resource's properties and attributes, such as an update policy or creation policy. If you don't have anything selected, Designer provides tabs for editing the template parameters, mappings, conditions, metadata, and outputs. Any changes that you make in the Components view must be valid JSON. If you introduce invalid JSON, Designer reverts the invalid JSON to the valid JSON when you leave the Components view.

To make broad changes to your template, use the Template view. In the Template view, the JSON editor shows you the raw JSON of your entire template. When you want to make changes to a resource, select it in the canvas pane. Designer automatically highlights that resource in the JSON editor.

AWS CloudFormation Designer JSON Editor

AWS CloudFormation Designer JSON Editor

Autocomplete

The JSON editor includes an auto-complete feature that helps you specify resource properties, so you don't have to remember property names. To see a list of valid properties, press Ctrl+Space within the Properties curly braces ({}), as shown in the following example:

Keyboard Shortcuts

Designer's JSON editor provides the following keyboard shortcuts:

Ctrl+Space

Within the Properties key of a resource, lists all of the available properties for the resource.

Ctrl+F

Searches for a specified value.

To highlight everything that matches the specified value, press Alt+Enter.

Ctrl+\

Formats the text with proper indentation and new lines.

Ctrl+Shift+\

Removes all white space.