Automattic / Automattic/jetpack

Embeds: display preview in editor for Facebook embed

Open
#35,826 0 comments 0 reactions 0 assignees View on GitHub
[Feature] Shortcodes / Embeds [Pri] Low Enhancement Good For Community
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

Jetpack ships with its own Facebook embed, that replaced the Facebook embed that was part of Core in the past. You can discover this embed block by pasting a Facebook URL in the block editor.

Right now, the block does not offer previews inside the editor:

image

It would be nice if the embeds were displayed in the editor, just like on the frontend.

It is currently disabled here:
https://github.com/Automattic/jetpack/blob/1125400ec014a97f3f4232e5a67c015d2f8043ae/projects/plugins/jetpack/extensions/extended-blocks/core-embed/facebook.js#L18

Somewhat related: https://github.com/Automattic/wp-calypso/issues/27701

Contributor guide

Open the contributing guide

Research direction

Start with projects/plugins/jetpack/extensions/extended-blocks/core-embed/facebook.js at the linked setting, then compare the editor behavior with how the Facebook embed appears on the frontend. Confirm the expected editor preview from the issue image and verify that the preview is displayed in the block editor without changing frontend behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.