MokoConsulting/MokoJoomOpenGraph
1
0
Fork 0
Code Issues 12 Pull Requests 1 Releases 3 Wiki Activity

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

New Issue
Closed
opened 2026-05-23 22:27:54 +00:00 by jmiller · 0 comments
jmiller commented 2026-05-23 22:27:54 +00:00
Owner
Copy Link
Copy Source

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.
Labels
Clear labels
bug
Something is broken
 documentation
Documentation improvements
 enhancement
priority: high
priority: low
priority: medium
production-readiness
Required before v1.0 release
 security
Security vulnerability or hardening
 testing
Test coverage and QA
bug
Something is not working
 chore
Maintenance and housekeeping
 documentation
Documentation improvements
 enhancement
Improvement to existing functionality
 feature
New feature or request
 pending: dependency
Blocked by another issue or external dependency
 pending: deployment
Tested and approved, awaiting deployment to production
 pending: design
Needs UI/UX or architecture design before implementation
 pending: documentation
Feature works, needs documentation/wiki update
 pending: feedback
Awaiting feedback or decision from stakeholder
 pending: review
Implementation complete, awaiting code review
 pending: testing
Feature implemented but not yet tested
 priority: critical
Must fix immediately
 priority: high
Should fix soon
 priority: low
Nice to have
 priority: medium
Fix when convenient
 refactor
Code restructuring without behavior change
 roadmap
Planned feature or enhancement tracked on the roadmap
 scope: client
Client-specific work
 scope: dolibarr
Dolibarr modules and customizations
 scope: infrastructure
Server, CI, backups, monitoring
 scope: joomla
Joomla templates and extensions
 scope: waas
MokoWaaS platform
 security
Security vulnerability or hardening
 status: blocked
Waiting on external dependency
 status: duplicate
Duplicate of another issue
 status: in-progress
Being worked on
 status: needs-review
Ready for review
 status: wontfix
Will not be addressed
No labels enhancement priority: medium
Milestone
No items
No Milestone
Assignees
Clear assignees
jmiller (Jonathan Miller)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: MokoConsulting/MokoJoomOpenGraph#3
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?