Autocompleting in the Code Editor
Autocomplete in the code editor allows parentheses and braces to be autocompleted while coding. To activate this feature:
In your Account Settings, click the IDE tab
Under "Editor Behavior Settings", toggle on Editor Autocomplete
In Account Settings can also choose to default to block view in the editor when possible. To learn more about block coding, check out our article here!
Autoformatting JavaScript Programs in the Ace Code Editor
Autoformatting is available in all CodeHS JavaScript programs in the Ace Editor. The formatter, Prettier, makes sure that all code conforms to a consistent style. Learn more about Prettier here.
Once this setting is turned on, the program will automatically format the code each time students save the program. To enable Auto-Format:
Click the gear icon in the upper left corner to access the editor Settings
Under the "Editor" category, toggle on the Auto-Format option
Autoformatting in the Monaco Code Editor
We can also autoformat documents using the Monaco Code Editor. Autoformatting in this editor is only available for the following program types:
JavaScript
HTML
To switch to the Monaco Editor, follow these steps:
Click the gear icon in the upper left corner to access the editor Settings
Under the "Editor" category, click on the dropdown menu to switch to the Monaco Editor
Now that you've switched to the Monaco Editor, you can format the file! To do so, follow these steps:
Highlight the text that you want to format
Right-click the highlighted text
Click on Format Document
To learn more about the Monaco editor, check out our full article here.
Still have questions? Contact our team at support@codehs.com to learn more!