Follow

Tips and Tricks for the Code Editor

We've implemented the Ace Code Editor on our platform. Here are some tips and tricks to using it!

 

The Ace Code Editor has a series of keyboard shortcuts that you can use. Here are some of the shortcuts from the list:

Windows/Linux Mac Action
Ctrl-D Command-D Remove line
Ctrl-L Command-L Go to line
Ctrl-Shift-P --- Select to matching bracket
Alt-L, Ctrl-F1 Command-Option-L, Command-F1 Fold selection
Alt-Shift-L, Ctrl-Shift-F1 Command-Option-Shift-L, Command-Shift-F1 Unfold
Ctrl-Shift-U Ctrl-Shift-U Change to lower case
Ctrl-U Ctrl-U Change to upper case

Please visit their Github page for the full list of shortcuts.

 

There are also a series of other features of the Code Editor that are outlined below:

 

Code Folding

The Ace Code Editor allows code folding, or hide and showing code snippets while editing. You can do this by toggling the arrowhead on the right side of the line number.

To fold/hide code sections, click the arrowhead.

show_container.png

To show code sections, click the arrowhead again or the double-sided arrow between the HTML tags.

collapsed.png

Highlight Similar Text

Highlighting a word within a HTML or CML tag will highlight all matching words in the selected editor box.

highlight_same_text.png

Live Syntax Checker

As you type in the CML box, the live syntax checker will appear and provide information regarding incorrect syntax.

unclosed_tag2.png unclosed_tag.png


Was this article helpful?
8 out of 11 found this helpful


Have more questions? Submit a request
Powered by Zendesk