Writing code in Supernotes is seamless, and we've added a lot of functionality for both new and long-term developers to take advantage of. Including syntax highlighting, multi-cursor support, and auto-indentation.
Inline Code
It is easy to add code within a card. For inline code, surround it with a backtick, ` .
Code Blocks
Code blocks offer you even more control. Use three backticks ``` on a new line to denote the start of a code block and three backticks after on a new line to denote the end of a code block.
Syntax Highlighting
In the example above, you will notice the name of the language appends the first three back-ticks. By defining the language used, this allows Supernotes to highlight the syntax of the code block for you.
The following languages are supported (uncollapse to view)
The following languages are supported (uncollapse to view)
actionscript
ada
apache
applescript
arduino
bash
c
capnproto
clojure
coffeescript
cpp
crystal
csharp
csp
css
d
dart
diff
dockerfile
elixir
elm
erb
erlang
excel
fortran
fsharp
go
gradle
groovy
handlebars
haskell
haxe
http
ini
java
javascript
json
julia
kotlin
latex
less
lisp
lua
makefile
markdown
matlab
nginx
nim
nix
objectivec
ocaml
perl
pgsql
php
processing
profile
properties
protobuf
puppet
python
r
ruby
rust
scala
scheme
scss
shell
sql
swift
typescript
xml
yaml
Multi-Cursor Support
Highlight a word that appears more than once press Cmd / Ctrl + D (or Cmd / Ctrl + click) to create multiple cursors. Now you can edit the same word or phrase in one go.
Auto-indentation
Code blocks support auto-indentation, saving you from tapping space or tabbing lots! Like the example here:
You can even set a preference for your preferred indentation (two-spaces, four-spaces and tabs!)