Easy Source Editor for Confluence — User Guide
Edit Confluence page source directly in your browser with a powerful, developer-friendly code editor.
Quick Start
Easy Source Editor lets you view and edit the underlying HTML/XML storage format of any Confluence page — no external tools required.
Open the Editor
Navigate to the Confluence page you want to edit.
Click the
···(more actions) button in the top-right corner.Select Apps → Source Editor.
Note: You must have edit permission on the page to save changes. If you only have view access, the editor opens in read-only mode and the Save button is disabled.
Interface Overview
The editor consists of three areas:
Area | Description |
|---|---|
Toolbar | Controls for Wrap, Beautify, Find/Replace, Preview, Theme, and help links |
Code Editor | Line-numbered, syntax-highlighted source code editing area |
Action Bar | Cancel and Save Changes buttons at the bottom-right |
Toolbar Buttons
Button | Function |
|---|---|
Wrap | Toggle line wrapping for long lines |
Beautify | Auto-format and indent the HTML source |
Find/Replace | Search and replace text within the source |
Preview | Toggle live preview of the rendered page |
Theme | Switch between Light and Dark editor theme |
Documentation | Open this user guide |
Support | Report an issue or get help |
Features
Syntax Highlighting
The editor automatically highlights HTML tags, attributes, and content with distinct colors, making the source easy to read and navigate.
Live Preview
Toggle the Preview switch in the toolbar to instantly see how your changes will render as a Confluence page — without saving first.
Switch Preview off to return to source editing at any time.
Dark Theme
Click Theme → Dark in the toolbar to switch to a dark editor theme — ideal for extended editing sessions or low-light environments.
Beautify (Auto-format)
Click Beautify to automatically indent and format the HTML source, making it easier to read nested structures and table markup.
Find & Replace
Click Find/Replace in the toolbar to open the search bar.
Type your search term in the Find field.
Click the Find button (or press Enter) to locate the first match.
Use the ↑ / ↓ arrow buttons to navigate between matches.
To replace, enter text in the Replace with field and click Replace or Replace All.
Save Changes
After editing, click Save Changes to publish the updated source back to Confluence. The page will automatically reload to reflect your changes.
If you want to discard your edits, click Cancel. If unsaved changes exist, a confirmation dialog will appear.
Configuration
No additional configuration is required. The editor respects your existing Confluence page permissions automatically.
Setting | Where to change |
|---|---|
Editor theme (Light / Dark) | Toolbar → Theme |
Line wrapping | Toolbar → Wrap |
FAQ
Q: The Save Changes button is disabled. Why? You do not have edit permission for this page. The editor opens in view-only mode. Contact your Confluence administrator to request edit access.
Q: I saved changes but the page doesn't look right. Use Preview before saving to verify the rendered output. If the page already has unsaved changes, click Beautify to check for obvious formatting issues in the source.
Q: Can I undo changes after saving? Once saved, changes are committed to Confluence. Use Confluence's built-in Page History (accessible via ··· → Version history) to restore a previous version.
Q: The editor shows Save failed. What should I do? Try saving again. If the problem persists, check that you still have edit permission on the page or contact your administrator.
Q: Does this work on blog posts? Yes. The editor works with both Confluence pages and blog posts.