Skip to content

Code Editor

Use Code Editor when you need precise control over markup and style.

What You Can Do

  • Edit HTML, CSS, and script blocks directly
  • Search and replace within content
  • Fix structure and spacing issues quickly
  • Compare and review detailed changes

When to Use This Editor

  • Template cleanup and targeted markup fixes
  • Styling adjustments that are difficult in visual mode
  • Advanced embedding or script placement

Main Controls and What They Do

Control What it does
Save Saves code changes to your draft
Find Searches text in the current editor view
Replace Replaces one or all matching values
Format (if enabled) Reflows code for consistent indentation
Line numbers Helps locate and discuss exact code lines
Minimap (if enabled) Gives a high-level scroll map of the document

Common Tasks

Fix a broken HTML section

  1. Open the page or template in Code Editor.
  2. Use Find to locate the affected section.
  3. Correct tag structure and attributes.
  4. Save changes.
  5. Preview in page view and confirm rendering.

Replace old class names

  1. Open the relevant content or template.
  2. Use Replace to swap old class name with new class name.
  3. Review each replacement.
  4. Save and preview.