Extensible Code Editor for Confluence

A professional IDE-like code editor embedded in Confluence with autocomplete, syntax highlighting, and file integration.

Transform Confluence into a powerful coding environment with support for JavaScript, Python, Java, HTML, CSS, XML, and 10+ other languages. Enjoy smart autocomplete, file management, and auto-saving—all within your wiki pages.

✨ Key Features

🚀 Intelligent Coding Tools

  • Language Detection: Auto-recognizes syntax from file extensions (e.g., .py → Python).
  • Autocomplete: Suggests methods, libraries, and closing tags (e.g., } or </div>).
  • Syntax Highlighting: Color-coded keywords for readability.

📂 File Management

  • Import Code: Open files from:
    • Local disk (drag-and-drop or file picker).
    • Confluence attachments (supports .js, .py, .html, .xml, etc.).
  • Export & Share: Download as a file or copy to clipboard.

🔒 Reliability

  • Auto-Save: Drafts and published versions are saved automatically (toggleable).
  • Error Recovery: Built-in error boundaries prevent editor crashes.

⚡ Quick Access

  • Insert via /extensible or /code shortcuts.

🛠️ Installation

From the Atlassian Marketplace

  1. Navigate to Atlassian Marketplace → Search for “Extensible Code Editor for Confluence”.
  2. Click “Install” and follow prompts. Admins will receive a confirmation email.

🚀 Accessing the Editor

  1. In a Confluence page:
    • Type /extensible or /code and select the macro.
    • Or click + → Search “Extensible Code Editor”.
  2. Default View:
    • Opens with a starter snippet (e.g., // Start coding here... for JavaScript).

🖥️ Core Functionality

1. Editor Interface

![Toolbar screenshot]

  • Toolbar Actions:
    • Open: Import files or Confluence attachments.
    • Save: Manually persist changes (auto-save is enabled by default).
    • Export/Copy: Download code or copy to clipboard.
    • Language Selector: Switch syntax rules (e.g., JavaScript → Python).

2. File Handling

  • Supported Extensions:plaintextCopyDownload.js, .py, .html, .css, .json, .md, .xml, .java, .txt, .c, .cpp, .php, .go, .rs
  • Attachment Workflow:
    • Files saved to Confluence are stored as page attachments.

3. Auto-Save & Drafts

  • Toggle Auto-Save: Enable/disable in the toolbar.
  • Drafts: Unpublished changes are saved with a draft- prefix in storage.