Markdown & HTML Editors

Pubvana offers two editor modes for post and page content: a Markdown editor (EasyMDE) and a WYSIWYG HTML editor (Summernote). You can switch between them per post.

TL;DR

  • Toggle between editors using the Markdown / HTML buttons above the content area.
  • Markdown is the default for new posts.
  • The content_type field is saved with each post and controls how content is rendered on the front end.

Details

Markdown Editor (EasyMDE)

SimpleMDE is the default editor for new posts. Features:

  • Toolbar with buttons for bold, italic, strikethrough, heading levels, horizontal rule, quote, unordered list, ordered list, code block, link, image, and fullscreen.
  • Live preview — click the eye icon in the toolbar to split the view and see a real-time rendered preview alongside the raw Markdown.
  • Fullscreen mode — distraction-free writing with the full viewport.
  • Keyboard shortcuts — standard Markdown shortcuts (e.g., Ctrl+B for bold, Ctrl+K for link).

Markdown content is stored as raw Markdown in the database and rendered through Parsedown (safe mode) when displayed on the front end.

HTML Editor (Summernote)

Summernote is a WYSIWYG HTML editor. Features:

  • Formatting toolbar — heading styles, bold, italic, underline, strikethrough, font colour, background colour.
  • Insert tools — images (from URL or upload), links, horizontal rule, tables.
  • Table creation — draw a grid to insert a table with the desired number of rows and columns.
  • Code view — click the </> button in the toolbar to switch to raw HTML source view for direct editing.

HTML content is stored as HTML in the database and output directly (without re-processing) on the front end.

Switching Editors

Click the Markdown or HTML toggle button above the content area. When switching from Markdown to HTML, Pubvana converts the current Markdown content to HTML before loading it into Summernote. When switching from HTML back to Markdown, the HTML is loaded as-is into SimpleMDE — automatic HTML-to-Markdown conversion is not performed, so switch to HTML only when you intend to stay in that mode.

Content Type Persistence

The content_type field (markdown or html) is saved with each post individually. The next time you edit a post, the correct editor for that post's content type is loaded automatically.

Default Editor

New posts always open in Markdown mode. If you prefer HTML, switch the editor before writing and the preference is saved with the post.