# Understanding Your Editor

:::warning
:building_construction: Working in Progress
:construction::construction::construction::construction::construction::construction::construction::construction:
:::


## 1. CodiMD Logo
CodiMD Logo Brand Logo, click the logo can goto homepage.
## 2. Editor Mode Switcher
You can change workspace layout by click the button. there has three type of layout.

- <i class="fa fa-edit fa-fw"></i> Edit: See only the editor.
- <i class="fa fa-eye fa-fw"></i> View: See only the result.
- <i class="fa fa-columns fa-fw"></i> Both: See both in split view.


## 3. Night Theme Switcher
You can click this button to change the whole workspace theme to Night Theme or Normal Theme.


## 4. Help Button

Clicking Help Button to view quick tips about Markdown Syntax.


## 5. Upload Image Button

Clicking this button to select an image to upload into CodiMD. The image backend service is depends on your server configuration `CMD_IMAGE_UPLOAD_TYPE`. The default settings is upload to [imgur](https://imgur.com/) via anonymous.

## 6. Last Change Time and Username

This area display the documentation last changed time and last changed user.

## 7. New Note Button

Clicking this button to create new CodiMD note on new browser tab.

## 8. Publish Button

Clicking this button to open a new tab in browser that showing the note in published mode.

## 9. Note Menu


## 10. Online Indicator


## 11. Permission and Note Deletion button


## 12. Preview Area

## 13. Table of Content


## 14. Documentation Length

Show the note total length in character count.

:::warning
The maximum length of documentation is 100,000. Although you can change this limit via `documentMaxLength` config, But we don't recommend this way.
:::

## 15. Editor Preference

## 16. Editor Shortcut Profile

CodiMD supports three type keyboard shortcut profile.
- Sublime
- Emacs
- Vim

You can click this button to change profile.

## 17. Space/Tab Indent Switch

You can clicking this button to switch between `space` and `tab` mode in you type `TAB` key in editor.

## 18. Editor Color Theme

:::info
This feature needs CodiMD 2.0.0.
:::

CodiMD supports change editor theme.
You can click this button to change editor theme. The theme we support is showing below:

- Light
- One Dark (Default)
- Monokai
- Solarized Dark
- Solarized Light
- Dracula
- Material
- Nord
- Panda
- Ayu Dark
- Ayu Mirage
- Tomorror Night Bright
- Tomorror Night Eighties


## 19. Spell Check

:::info
CodiMD multi-language spell check is support after 2.0.0.
:::


Clicking on :white_check_mark: button to enable spell check. Currently we support four languages:

- English (United States)
- German
- German (Austria)
- German (Switzerland)

## 20. Markdown Lint

Clicking on the :bulb: button to enable Markdown Lint. You can check this page for more [markdown rules](https://github.com/markdownlint/markdownlint/blob/master/docs/RULES.md)


## 21. Editor Cursor Indicator

This area shows cursor information about current cursor. It's contains
- current line number
- current cursor column
- total line numbers

## 22. Editor Area

## 23. Editor Toolbar