Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image block: allow uploading external image if image host allows it #23565

Merged
merged 5 commits into from
Jul 2, 2020

Conversation

ellatrix
Copy link
Member

@ellatrix ellatrix commented Jun 29, 2020

Description

See #2515 (partial fix).

This is a pretty simple change to allow the user to upload an external (hot linked) image. External images may be international, but may also be the result of paste (such as from Google Docs). Currently, we don't offer the user an option to upload these images (from the Google CDN for example). There's a risk that these images may disappear.

Ideally, from paste, we never insert external image URLs and upload them instead, but this would mean that paste is async and will mess with undo levels. This problem has to be fixed first.

The button only works if the host allows cross origin resource sharing. Google Docs and the Google CDN allows it, so does Cloudup and services like that. It usually won't work when trying to upload images from normal sites after paste.

In the future, we can try to make this automatic.

How has this been tested?

Create a Google Doc and upload an image. Copy paste to Gutenberg. You'll see an image, but it's external. Upload the image with the new button. You can now also edit the image. :)

Screenshots

upload-external-image

Types of changes

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.
  • I've included developer documentation if appropriate.
  • I've updated all React Native files affected by any refactorings/renamings in this PR.

@ellatrix ellatrix added [Type] Enhancement A suggestion for improvement. [Block] Image Affects the Image Block labels Jun 29, 2020
@ellatrix ellatrix requested a review from ajlende as a code owner June 29, 2020 16:58
@github-actions
Copy link

github-actions bot commented Jun 29, 2020

Size Change: +214 B (0%)

Total Size: 1.13 MB

Filename Size Change
build/autop/index.js 2.82 kB -3 B (0%)
build/block-editor/index.js 109 kB -2 B (0%)
build/block-library/index.js 129 kB +248 B (0%)
build/block-serialization-default-parser/index.js 1.88 kB -1 B
build/blocks/index.js 48.2 kB +3 B (0%)
build/components/index.js 198 kB -5 B (0%)
build/compose/index.js 9.65 kB +4 B (0%)
build/core-data/index.js 11.4 kB +1 B
build/data/index.js 8.45 kB +1 B
build/date/index.js 5.47 kB -3 B (0%)
build/edit-navigation/index.js 9.88 kB +1 B
build/edit-post/index.js 304 kB +3 B (0%)
build/edit-site/index.js 16.6 kB +2 B (0%)
build/edit-widgets/index.js 9.32 kB +4 B (0%)
build/editor/index.js 44.8 kB -45 B (0%)
build/element/index.js 4.65 kB +1 B
build/format-library/index.js 7.73 kB +4 B (0%)
build/keyboard-shortcuts/index.js 2.51 kB -5 B (0%)
build/media-utils/index.js 5.3 kB +5 B (0%)
build/plugins/index.js 2.56 kB -1 B
build/server-side-render/index.js 2.68 kB +1 B
build/url/index.js 4.06 kB +1 B
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/annotations/index.js 3.62 kB 0 B
build/api-fetch/index.js 3.4 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 7.42 kB 0 B
build/block-directory/style-rtl.css 941 B 0 B
build/block-directory/style.css 942 B 0 B
build/block-editor/style-rtl.css 10.7 kB 0 B
build/block-editor/style.css 10.7 kB 0 B
build/block-library/editor-rtl.css 7.63 kB 0 B
build/block-library/editor.css 7.63 kB 0 B
build/block-library/style-rtl.css 7.79 kB 0 B
build/block-library/style.css 7.79 kB 0 B
build/block-library/theme-rtl.css 730 B 0 B
build/block-library/theme.css 732 B 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/components/style-rtl.css 15.9 kB 0 B
build/components/style.css 15.8 kB 0 B
build/data-controls/index.js 1.29 kB 0 B
build/deprecated/index.js 772 B 0 B
build/dom-ready/index.js 569 B 0 B
build/dom/index.js 3.19 kB 0 B
build/edit-navigation/style-rtl.css 1.02 kB 0 B
build/edit-navigation/style.css 1.02 kB 0 B
build/edit-post/style-rtl.css 5.54 kB 0 B
build/edit-post/style.css 5.54 kB 0 B
build/edit-site/style-rtl.css 3 kB 0 B
build/edit-site/style.css 3 kB 0 B
build/edit-widgets/style-rtl.css 2.42 kB 0 B
build/edit-widgets/style.css 2.42 kB 0 B
build/editor/editor-styles-rtl.css 537 B 0 B
build/editor/editor-styles.css 539 B 0 B
build/editor/style-rtl.css 3.82 kB 0 B
build/editor/style.css 3.82 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/style-rtl.css 547 B 0 B
build/format-library/style.css 548 B 0 B
build/hooks/index.js 2.13 kB 0 B
build/html-entities/index.js 622 B 0 B
build/i18n/index.js 3.56 kB 0 B
build/is-shallow-equal/index.js 710 B 0 B
build/keycodes/index.js 1.94 kB 0 B
build/list-reusable-blocks/index.js 3.12 kB 0 B
build/list-reusable-blocks/style-rtl.css 450 B 0 B
build/list-reusable-blocks/style.css 451 B 0 B
build/notices/index.js 1.79 kB 0 B
build/nux/index.js 3.4 kB 0 B
build/nux/style-rtl.css 671 B 0 B
build/nux/style.css 668 B 0 B
build/primitives/index.js 1.5 kB 0 B
build/priority-queue/index.js 788 B 0 B
build/redux-routine/index.js 2.85 kB 0 B
build/rich-text/index.js 14 kB 0 B
build/shortcode/index.js 1.69 kB 0 B
build/token-list/index.js 1.28 kB 0 B
build/viewport/index.js 1.85 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

@ellatrix ellatrix changed the title Image block: allow uploading external image Image block: allow uploading external image if image host allows it Jul 2, 2020
@ellatrix ellatrix force-pushed the try/upload-external-image branch from 35d4528 to 0e027ff Compare July 2, 2020 10:55
@ellatrix ellatrix force-pushed the try/upload-external-image branch from 0e027ff to 0db02ea Compare July 2, 2020 11:03
@ellatrix ellatrix merged commit 3feea68 into master Jul 2, 2020
@ellatrix ellatrix deleted the try/upload-external-image branch July 2, 2020 12:33
@github-actions github-actions bot added this to the Gutenberg 8.5 milestone Jul 2, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Image Affects the Image Block [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant