Source Editor

Available since 4.2.*

General information

The Source Editor allows you to edit the XHTML (storage format) of your Confluence page with an intuitive and powerful browser-based editor.

It has features such as:

  • Simple interface for writing and editing code

  • Code syntax highlighting

  • Line numbering

  • Minimap navigation makes it easy to navigate through large pages

  • Auto-completion

  • Find/Replace with regular expression support

  • Syntax verification before saving the page

  • The possibility of limiting or enabling access to the source code

 


Configuration

Go to Confluence Administration → Source Editor (Extender section)

Screenshot 2024-04-02 at 08.33.24.png

 

You can enable source code editing for all Confluence users or you can decide to limit it only to a specific group of people.

Option

Default

Description

Option

Default

Description

Allow all

Unchecked

Decides whether access to editing the source code is available to all users

Restricted to groups

 

If you want to limit the ability to edit the source code to specific groups, indicate them in the “User Groups” field and press “Add”

Remember to leave field “Allow all” box unchecked.

 


Accessing the source editor

To open the source editor, click the </> button located in the upper right corner of any page. You can access the source editor when adding and editing pages and blog posts.

 

Screenshot 2024-03-11 at 16.08.41.png

 

 


Editing Confluence Source

The source editor provides direct access to the Confluence page source. Confluence pages are stored in an XML-based format XHTML called Confluence Storage Format.

Confluence Storage Format is a subset of HTML. It does not support all features of HTML.

 


Code Editing

The Source Editor allows you to edit the XHTML (storage format) of your Confluence page with an intuitive and powerful browser-based editor.

 

Themes

The editor has 3 built-in appearance themes from which you can choose which one is best for you when editing the code

 

Default

The default theme for the currently selected Confluence theme

Dark

Dark theme for people who like inverted colors (white/black) when writing code

High Contrast

Similar to the "Dark" theme but with high contrast

 

Wrap long lines

Automatic wrapping of long code on the next line

 

HTML Element Reference

HTML Element Reference describes selected HTML elements and attributes, including global attributes that apply to all elements.

 

HTML Annotations

HTML annotations can help you build pages properly. Shows additional information about possible comments or errors regarding HTML syntax

 

Invisible characters

 

Beautify code

Make your code more readable

 

Find / Find & Replace