[FEATURE] Live Social Sharing Preview in Article Editor #3

Closed
opened 2026-05-23 22:27:54 +00:00 by jmiller · 0 comments
Owner

Feature Description

Real-time preview of how articles appear when shared on Facebook, Twitter/X, and LinkedIn — directly in the article editor.

Problem or Use Case

Editors must save, share to debugger, iterate. Live preview eliminates this friction.

Proposed Solution

  • JavaScript preview panel in OG fieldset
  • Facebook, Twitter/X, LinkedIn card mockups
  • Real-time updates on input
  • Fallback to article title/desc/image when OG fields empty

Implementation Details

  • media/plg_content_mokoog/js/preview.js
  • CSS platform card mockups
  • Web Asset Manager registration
  • Custom field type for preview div
## Feature Description Real-time preview of how articles appear when shared on Facebook, Twitter/X, and LinkedIn — directly in the article editor. ## Problem or Use Case Editors must save, share to debugger, iterate. Live preview eliminates this friction. ## Proposed Solution - JavaScript preview panel in OG fieldset - Facebook, Twitter/X, LinkedIn card mockups - Real-time updates on input - Fallback to article title/desc/image when OG fields empty ## Implementation Details - media/plg_content_mokoog/js/preview.js - CSS platform card mockups - Web Asset Manager registration - Custom field type for preview div
jmiller added the enhancementpriority: medium labels 2026-05-23 22:27:54 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoJoomOpenGraph#3