Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

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

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.pngScreenshot 2024-03-11 at 16.07.07.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

Screenshot 2024-04-02 at 08.38.08.png

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.png
Screenshot 2024-04-02 at 07.34.52.png
Screenshot 2024-04-02 at 07.35.01.png

Wrap long lines

Automatic wrapping of long code on the next line

image-20240402-064109.png

HTML Element Reference

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

image-20240402-064412.png

HTML Annotations

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

image-20240402-064658.png

Invisible characters

image-20240402-064936.png

Beautify code

Make your code more readable

image-20240402-065326.png

Find / Find & Replace

image-20240402-065227.pngScreenshot 2024-03-31 at 12.02.35.png

  • No labels