Skip to content

Source Editor

On this page:

Loading...

A simple 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, add some or all of the following options to your site’s config:

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

Integer

Optional, defaults to 4.

Controls how many spaces lines are auto indented.

theme

String

Must match one from themes (optional, defaults to monokai).

Controls the appearance of the editor.

show_gutter

Boolean

Optional, defaults to true.

Toggles line numbers and code folding controls.

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