Editor Pro

Modern WYSIWYM Block Editor for Grav

1.7 compatible
$75 Buy Now Docs Changelog

A powerful modern block editor built on TipTap/ProseMirror that provides an intuitive WYSIWYM environment for Grav. Unlike traditional editors, Editor Pro preserves Markdown structure while supporting HTML blocks, Grav Shortcodes, and Twig templates as visual blocks. Features real-time preview, smart content preservation, and extensible plugin architecture for seamless integration with your Grav workflow.

  1. Modern WYSIWYM block editor built on TipTap/ProseMirror
  2. Preserves Markdown structure wihtout loosing HTML while providing visual editing
  3. Grav Media support - Works with Grav images and links
  4. Light & Dark Editor Modes to align with your preferences
  5. Visual blocks for Shortcodes and Raw Code (HTML, TWIG)
  6. GitHub Alerts support (note, tip, important, warning, caution)
  7. Smart Typography with automatic text transformations
  8. Table editor with row/column management
  9. Syntax-highlighted code blocks with language selection
  10. Drag-and-drop image insertion with automatic path resolution
  11. Keyboard shortcuts for all major functions
  12. Undo/Redo history with keyboard support
  13. Extensible plugin architecture for custom integrations
  14. Live preview for shortcodes (with shortcode-core)
  15. No framework dependencies - pure vanilla JavaScript
  16. Drag Handle mode - to allow easy blog reordering
  17. Inline HTML functionality - supports inline HTML tags such as abbreviation, cite, highlight, superscript, subscript, keyboard, etc.
  18. High Performance - optimized for large documents with lazy rendering and efficient updates
Visual Block Editing

Visual Block Editing

Editor Pro revolutionizes content editing with its visual block system. HTML and Twig code are preserved as raw embed code blocks that prevent corruption while maintaining syntax highlighted mini editors. Green blocks for shortcodes - each type is instantly recognizable and safely preserved during editing.

This unique approach lets you easily visualize complex shortcut structures without fear of breaking your markup. Just works even if you use custom shortcodes that don't have full Editor-pro integration. Full undo/redo capabilities along with format cleanup ensure your content remains clean and consistent.

Modern Markdown Editor

Modern Markdown Editor

The editor servers as a fully functional Markdown editor with a clean, distraction-free interface. Write in plain text with real-time formatting as you type. Toolbar buttons and keyboard shortcuts make it easy to apply styles, insert links and images, create lists, and more. The editor works directly with your markdown files without converting to HTML, ensuring your content remains portable and compatible.

GitHub-Style Alerts

GitHub-Style Alerts

Native support for GitHub-style alert blocks brings modern documentation capabilities to your content. Create note, tip, important, warning, and caution alerts with proper styling and icons. These alerts are rendered beautifully in both the editor and on your published site, making it easy to highlight important information for your readers.

Advanced Table Editing

Advanced Table Editing

Creating and editing tables has never been easier. The visual table editor provides intuitive controls for adding/removing rows and columns, merging cells, and setting headers. A context menu allows you to see your changes in real-time. Tables are saved as clean Markdown, ensuring compatibility across your entire Grav ecosystem.

Shortcode Integration

Shortcode Integration

When paired with the shortcode-core plugin, Editor Pro becomes a visual shortcode builder. Insert shortcodes through a searchable interface, configure parameters through dynamic forms, and see live previews of the rendered output. Complex nested shortcodes are fully supported with proper parent-child relationships and visual hierarchy.

Smart Typography

Smart Typography

Automatic text transformations make your content more professional without extra effort. Type -> to get →, 1/2 to get ½, or :) to get 😊. Create custom transformations for your specific needs. Smart quotes, em-dashes, and other typographic enhancements happen automatically as you type, with full control over which transformations are active. Create your own too!

Light / Dark Mode

Light / Dark Mode

Choose between light and dark editor themes to match your preferences or admin theme. The dark mode reduces eye strain during long editing sessions, while the light mode provides a clean, bright workspace. The editor automatically detects your system preference but can be toggled manually at any time.

$75 Buy Now Docs Changelog

Frequently Asked Questions

Frequently asked questions about the Editor Pro plugin

  • Editor Pro is built on modern web technologies (TipTap/ProseMirror) providing superior performance and reliability compared to older editors. Key differentiators include:

    • Visual block preservation for HTML, Shortcodes, and Twig
    • No framework dependencies - pure vanilla JavaScript
    • Direct markdown editing without HTML conversion
    • GitHub Alerts support out of the box
    • Modern architecture allowing for easy extension
    • Superior performance with large documents
    • Better keyboard navigation and accessibility

  • Editor Pro is designed to work with the Grav ecosystem:

    • Full compatibility with shortcode-core and shortcode-ui plugins
    • Event system integration for custom functionality
    • Blueprint support for custom page types
    • Simple migration path for existing integrations

  • Editor Pro supports all modern browsers:

    • Chrome 80+ (recommended)
    • Firefox 78+
    • Safari 13+
    • Edge 80+
    • Opera 67+

    Older browsers may work but are not officially supported. For the best experience, we recommend using the latest version of Chrome or Firefox.

  • Absolutely! Editor Pro is highly customizable:

    • Toolbar configuration - show only the tools you need
    • Custom transformations - create your own text replacements
    • Plugin extensions - add custom functionality
    • Blueprint integration - use in specific page types
    • Per-page configuration - enable/disable features per page
    • CSS customization - style the editor to match your admin theme

  • Editor Pro follows the standard Grav Premium licensing model:

    • One license per site (development, staging, and production of the same site counts as one)
    • Licenses are perpetual - pay once, use forever
    • Includes one year of updates and support
    • Optional renewal for continued updates after the first year
    • Volume discounts available for multiple licenses

  • Editor Pro is optimized for performance at every level:

    • Lazy rendering - only visible content is rendered
    • Efficient updates - ProseMirror's virtual DOM minimizes redraws
    • No conversion overhead - works directly with markdown
    • Optimized bundle - tree-shaken and minified JavaScript
    • High Performance - tested with markdown pages with over 10,000 words

  • While we don't offer trials for premium plugins, we provide:

    • Comprehensive documentation with screenshots and videos
    • 30-day money-back guarantee if you're not satisfied
    • Active community support to answer pre-purchase questions
    • Regular updates and feature additions
    • Migration assistance from other editors

  • Unfortunately due to a change in the underlying CKEditor license, we were unable to continue the sale and development of NextGen Editor.

    Editor Pro is a completely new editor, rebuilt from the ground up using modern opensource web technologies (TipTap/ProseMirror) and does not share any code with NextGen Editor. However, we have made every effort to ensure that Editor Pro is a superior product in every way, and we are confident that you will find it to be a powerful and flexible editor for your Grav sites. As such, it's not possible to upgrade from NextGen Editor to Editor Pro for free.