DragDrop-Editor-Pro-MyBB-v2.0.5

Open any MyBB forum today and you will meet the same scene: a composer with tiny icons drawn from a 2009 sprite sheet, no drafts to protect your work when the browser closes by accident, no word counter, and a look that belongs to another decade. On phones it gets worse — the editor box overflows the screen, stretches the whole page sideways, and hides half the toolbar behind an invisible touch scrollbar. The composer is the screen your members visit every single day, and it should never be the oldest thing on your site.

DragDrop Editor Pro closes that gap with a single-file install. You get a 2026-grade composer: the glass Aurora 2 interface, a fully hand-drawn SVG icon set, smart dark mode, an advanced emoji picker, a Notion-style slash menu, automatic drafts and a live counter — with zero loss of native MyBB editor features and a direct bridge to DragDrop Attachments if you run it.

The features you will feel on your first reply

1) The Aurora 2 interface with modern SVG icons

A complete icon system — more than 40 inline SVG icons drawn in a 2025 style — permanently replaces the classic SCEditor sprites from 2009: crisp at any screen resolution, tinted automatically with the theme, and animated with subtle hover and press micro-interactions on every button. The toolbar is a single scrollable row with thin logical separators, tooltips are custom dark bubbles that appear after 0.4 seconds, and every dropdown is redesigned: a color picker with circular swatches, modern font and size lists, and link/image/table dialogs with unified fields, a glowing focus ring and a gradient insert button.

[Image: 772973124_dda-editor-default.png]

The Aurora 2 composer — crisp SVG icons, custom tooltips, single-row toolbar

2) Dark & light that follow your theme automatically

The editor reads your theme colors on load and adopts dark or light automatically across the frame, toolbar, dropdown menus and the writing area inside the iframe itself. Prefer to decide yourself? The sun/moon button on the toolbar flips the look instantly and persists the choice in localStorage, permanently outranking auto-detection — one more click returns to automatic. Detection itself is hardened: translucent tints such as rgba(0,0,0,0.03), common in modern theme row shading, are ignored, so a light forum can never produce a black editor.

The full dark mode — frame, toolbar, menus and content together

3) Emoji picker v2 with categories, search and history

The emoji panel is rebuilt from scratch: category tabs (recents, faces, gestures, hearts & symbols, objects, travel & nature) holding about 150 emoji, an automatic usage history that keeps the last 24 symbols one click away, instant search while typing, and a hover preview bar showing the symbol and its name. Insertion lands exactly at the caret in both WYSIWYG and source mode — a small detail that makes a big difference in daily use.

The emoji picker with category tabs, usage history, instant search and preview bar

4) A Notion-style slash menu — type "/" and go

Type "/" in the editor followed by a letter or two and a modern command menu appears (bold, italic, quote, code, PHP, lists, link, image, Zen…) with instant filtering, arrow-key navigation and Enter to run — the typed slash is removed automatically before execution. Crucially, commands run through the same official toolbar-button code path rather than the limited document.execCommand, so quote, code, PHP, link and image behave exactly like the buttons, with no surprises. The feature can be disabled from the settings if you prefer the toolbar alone.

5) Professional keyboard shortcuts and a reference panel

Ctrl+K opens the link dialog instantly, Ctrl+S saves the draft on the spot while suppressing the browser save dialog, Ctrl+Shift+E opens the emoji picker, and the standard Ctrl+B/I/U behave like any world-class editor. A dedicated button in the status bar opens a complete in-app shortcuts panel, so your members discover this hidden power on their own without you writing a single line of documentation.

The built-in shortcuts reference panel, opened from the status bar

6) Zen focus mode v2

The maximize button turns the composer into a centered 920px writing column over a gradient-blurred branded backdrop — everything else fades away, with a clear exit pill, the ESC key and a smooth entrance animation. It is ideal for long threads, guides and rules written by staff, and everything you typed stays intact on exit. A writing mode that makes long-form content on your forum a genuine pleasure.

Zen mode — a centered column over a gradient-blurred backdrop

7) Automatic drafts and a live counter

Drafts save periodically while typing inside the member's own browser, and when they return to the page after a disconnect or an accidental close, a restore bar brings the text back with one click. A persistent "Saved · HH:MM" chip in the status bar keeps the last save time visible instead of the usual brief flash, and Ctrl+S saves instantly at any moment. Below it, a live word and character counter updates with every keystroke — small touches that make the composer feel genuinely modern.

8) Real mobile compatibility, guaranteed in three layers

This is where editor plugins are truly tested. The editor is locked to 100% of its column by strong CSS rules that hold even if JavaScript never boots, so the box can never overflow a screen or stretch the page sideways. On narrow screens the toolbar wraps into compact ordered rows showing every button at once with no scrolling, while the desktop keeps its elegant single scroll row. On top of that comes a three-layer meta viewport guarantee: the tag is injected for themes that lack one, fixed desktop-width tags (width=1100 / width=980) are rewritten at render time without touching template files, and a browser-side guard wins even against HTML/CDN caches — your members will never again see a zoomed-out desktop layout in the composer.

[Image: 772973236_dda-editor-mobile.png]

On a 360px phone screen: wrapped compact toolbar rows, every button visible, box exactly screen-wide

9) The DragDrop Attachments bridge

If you run DragDrop Attachments, the integration is seamless: drop a file or paste a screenshot inside the writing area itself and it is forwarded automatically to the attachments zone and uploaded as a regular, well-organized attachment — no duplicate uploads, no conflicts between the two plugins. Even members who disable WYSIWYG in their preferences are not forgotten: the plain textarea still gets automatic drafts, the counter, the shortcuts and the attachments bridge, so the experience stays professional in every mode.

Pages covered and Admin CP settings

Every composer page is transformed right after activation with no extra setup: new thread, new reply, edit post and private messages. Ten independent on/off settings are managed from the Admin CP: the editor itself, mobile compatibility, Aurora Glass styling, content typography, the emoji picker, Zen mode, automatic drafts, the counter, the attachments bridge and the slash menu — no language files to edit and not a single line of code.

For any MyBB forum that wants its most-visited screen to look and feel modern: active communities that write long threads and need drafts and a focus mode; Arabic-speaking forums that deserve an interface designed for their direction and language from the start; mobile-heavy communities whose members post from phones and need a composer that truly respects their screen with every button reachable; and owners of DragDrop Attachments who want the two plugins to work as one. All of it without touching core files and without losing a single native feature your members rely on.

A three-step, single-file install

Upload the single file inc/plugins/dda_editor.php into your forum's inc/plugins folder in Binary transfer mode, activate the plugin from the Admin CP, and refresh any composer page — done. No extra folders, no templates to edit manually, no 404 worries: the engine, the styles and the content typography are embedded inside the plugin file itself and delivered through one variable in the headerinclude template of every theme, with a self-healing routine that re-injects the variable automatically after file replacements or theme changes — no deactivation needed. Upgrading between releases is even simpler: replace the one file and refresh a composer page.

You receive the complete package with its single ready-to-upload file, a detailed Arabic installation and upgrade guide that walks through every step and shows you how to verify each one on your forum and your phone, and every future release free of charge for buyers. Ordering takes one message: contact us on WhatsApp, complete the payment through Binance Pay (ID 997084329) or the direct payment-request link — just $10, one time, no subscriptions — and the package is delivered immediately with direct technical support on WhatsApp for any question during or after the install.