What is the Source Editor?

The Source Editor is an in-browser code editor that is great for making minor changes to the source code of your files. This editing interface is useful for all text-based files.

Source Editor features#

The Source Editor displays the raw content of text-based files. Syntax highlighting in the Source Editor is automatically detected based on the file extension.

For more information about the Editing interface navigation and the Context Menu at the top of the Source Editor, read our documentation on editing your files.

Appearance and behavior

You can configure the appearance and behavior of the Source Editor using the source_editor key in your CloudCannon configuration file.

source_editor:
  tab_size: 2
  show_gutter: false
  theme: eclipse

{
  "source_editor": {
    "tab_size": 2,
    "show_gutter": false,
    "theme": "eclipse"
  }
}

The Source Editor has the following configuration options available:

source_editor:
  theme: basic_dark
  tab_size: 2
  show_gutter: true

{
  "source_editor": {
    "theme": "basic_dark",
    "tab_size": 2,
    "show_gutter": true
  }
}

source_editor:
  show_gutter: true

{
  "source_editor": {
    "show_gutter": true
  }
}

source_editor:
  soft_wrap: true

{
  "source_editor": {
    "soft_wrap": true
  }
}

source_editor:
  tab_size: 2

{
  "source_editor": {
    "tab_size": 2
  }
}

source_editor:
  theme: dark

{
  "source_editor": {
    "theme": "dark"
  }
}