This guide walks you through how to work with our Source Editor for the Confluence cloud app.
| Table of Contents | ||||
|---|---|---|---|---|
|
...
To open the source editor, click the </> 
button conveniently located in the top-right corner of any editable page.
...
| Info |
|---|
You must be logged in and have editing privileges to edit the Confluence page source. |
...
| Info |
|---|
Confluence Storage Format is a subset of HTML. It does not support all features of HTML. Please see here for more details. |
Code Editing
The source editor Source Editor for Confluence is designed to be lightweight but contains a set of features that allows easy and intuitive editing of a Confluence page source.
...
Every feature in the above image is marked with a number to help you identify it. The following table describes the features:
Number | Editing feature | Description |
|---|---|---|
Automatic indentation and syntax highlighting | Automatic indentation and syntax highlighting are available and enabled | |
1 | Preview | Click this button to view a preview of the Confluence page as it will be rendered. Most macros are not rendered and |
2 | Beautify | Click this button to make your code more readable. |
3 | Wrap text | Click this button to wrap the long code into the next line. |
4 | Find/Replace | Click this button to easily search for and replace code in the editor or use the Regex button to allow a regex string input. |
5 | Help | This button allows you to quickly find the important links that you might want to access. |
6 | Code folding | Use the markers next to the line numbers to fold XHTML tags. |
7 | Lights off/on | Click this button to switch between the dark and light modes of the window. |
8 | Expand/Collapse | Click this button to minimize or maximize the source editor window. |
9 | Page preview | This section allows you to know which part of the code you are editing. |
10 | Save | Click this button to save the edits you have made. |
11 | Cancel | Click this button to not save the edits you have made. |
...