Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Excerpt
Info

Available since v. 4.220.*

Table of Contents
minLevel1
maxLevel7

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.pngImage Removed

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

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.pngImage RemovedScreenshot 2024-03-11 at 16.07.07.pngImage Removed

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.

Info

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

Screenshot 2024-04-02 at 08.38.08.pngImage Removed

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

Screenshot 2024-04-02 at 07.34.42.pngImage Removed
Screenshot 2024-04-02 at 07.34.52.pngImage Removed
Screenshot 2024-04-02 at 07.35.01.pngImage Removed

Wrap long lines

Automatic wrapping of long code on the next line

image-20240402-064109.pngImage Removed

HTML Element Reference

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

image-20240402-064412.pngImage Removed

HTML Annotations

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

image-20240402-064658.pngImage Removed

Invisible characters

image-20240402-064936.pngImage Removed

Beautify code

Make your code more readable

image-20240402-065326.pngImage Removed

Find / Find & Replace

image-20240402-065227.pngImage RemovedScreenshot 2024-03-31 at 12.02.35.pngImage Removed

The Contact Form gives Confluence administrators the ability to contact space administrators via email

cc.pngImage Added