• Pricing
Skip to content

Source Editor

On this page:

Loading...

A code editor in the browser.

The Source Editor is used to make edits within CloudCannon on any text-based file. It is available to the owner and developers of the site.

Screenshot of source editor with an html file open

Options

To change the appearance and behaviour of the Source Editor, use the _source_editor option:

_config.yml
_source_editor:
  tab_size: 2
  show_gutter: false
  theme: dawn
tab_size

Integer

Controls how many spaces lines are auto indented. Defaults to 2.

theme

String

Controls the appearance of the editor. Must match one from themes. Defaults to monokai.

show_gutter

Boolean

Toggles line numbers and code folding controls. Defaults to true.

Screenshot of source editor with a custom theme set

Themes

Below are all other available themes:

ambiance chaos chrome clouds clouds_midnight cobalt crimson_editor dawn dracula dreamweaver eclipse github gob gruvbox idle_fingers iplastic katzenmilch kr_theme kuroir merbivore merbivore_soft mono_industrial pastel_on_dark solarized_dark solarized_light sqlserver terminal textmate tomorrow tomorrow_night tomorrow_night_blue tomorrow_night_bright tomorrow_night_eighties twilight vibrant_ink xcode

On this page:

Loading...

Don’t miss the latest
CloudCannon news freshly delivered to your inbox
Illustration of woman holding an envilope