Code Editor used in Custom Code Components and Custom Functions is an embed of VSCode. The overall theme we use is based on Night Owl with a darker background.
Here are the features of the Code Editor that you can use:
Collapse Functions and Classes
To hide function definitions, on the left side of your function name, you'll see a drop-down arrow. When you click it, it will either collapse or expand your code.
This doesn't have an impact on your actual code, it just temporarily, visually hides it.
When you want to rename a couple of things without using Find & Replace, you can highlight a word, then press
cmd + d or
ctrl + d (if you're on Windows) and it will select multiple versions of that same piece of text. This is useful when renaming the variables of one small function.
Since we've embedded VSCode, you get the benefits of syntax highlighting.
You can now press
cmd + / or
ctrl + / (if you're on Windows) and it will comment out the block of code for you automatically.
Find & Replace
You can press
cmd + f or
ctrl + f (if you're on Windows) and be able to search for or make replacements really easily.
Minimap allows you to jump directly to the Custom Code Component section you need to navigate quickly without having to scroll.
Prettier is a code formatter that is integrated with Draftbit's Code Editor. To format your Custom Code, all you have to do is press the button that says Prettier on the top right corner of the modal.
Updated 4 months ago
Learn about how to create your own Functions