Mastering the Content Editor

Your Content Creation Powerhouse

The SynaptikCMS visual editor combines simplicity with power, giving you all the formatting tools you need without overwhelming complexity.

Basic Formatting: WYSIWYG Editor

By default, the editor opens in HTML editing mode.

editor_wysiwyg_mode.webp

The toolbar provides one-click access to essential formatting: bolditalicunderline, and strikethrough. You can also create ordered and unordered lists, blockquotes, and horizontal rules. Easier still, use common keyboard shortcuts (CTRL+B, CTRL+I, CTRL+U, CTRL+Z...).

editor_tools.webp

Headings and Structure

Proper heading hierarchy is crucial for both readability and SEO. Use H2 for main sections, H3 for subsections, and H4 for further divisions.

Links, Tables and Media

Insert links to internal pages or external sites with the link tool. Insert tables and choose the number of rows and colums, and choose from 3 defaults table styles (default, striped or bordered).

For images, you can insert directly from the file browser.

editor_links.webp

editor_tables.webp

Code and Technical Content

For developers, the editor includes inline code formatting and code blocks for longer snippets.

editor_codeblocks.webp

Shortcodes

The built-in shortcodes enable you to insert a variety of extra formatting, such as a table of contents, recent posts, contact form or callout buttons.

shortcodes.webp

Source Code Mode

Need precise control? Switch to source code mode to edit the raw HTML directly. This is perfect for embedding custom elements or cleaning up formatting.

editor_source.webp

Keyboard Shortcuts

Speed up your workflow with keyboard shortcuts: Ctrl+B for bold, Ctrl+I for italic, Ctrl+K for links, and more.

Auto-Save and Recovery

The editor automatically saves your work as you type, protecting against browser crashes and accidental navigation.

Markdown Formatting

SynaptikCMS supports markdown formatting, which gets converted to html to display on the front-end. To enter markdown mode, click the toggle in the topbar.

editor_wysiwyg_mode.webp

To find out more about supported syntax, visit the Markdown Documentation Page.