ocean90/media-modal-demo

#WordPressPlugin: Demo plugin which demonstrates the power of wp.media

WP Media Modal Demo Plugin

Introduction

A sample plugin which will demonstrate different ways on how the new media workflow can be embedded in your plugin.

Work in progress.

Screenshot

Changelog

1.0

• Changed plugin structur
  • Demos are located in /demos/
  • Each demo has its own class, which extends Media_Modal_Demo_Page_Abstract
  • The custom JavaScript stuff is stored into the global var ds.media
• Moved demo page menu from settings to plugins
• Docs, a lot of docs

0.3

• Added fifth demo

0.3

• Added third and fourth demo

0.2

• Added second demo

0.1

• Initial release

media-modal-demo's Issues

Separate demos into classes

class Media_Modal_Demo_Page_One extends Media_Modal_Demo_Page_Abstract {}

Is it possible to show these button in one page?

Thank you so much Dominik Schilling! This tutorial is very useful! But one thing I would like to ask: In your demo code in GIT HUB, there is per button in per page, it's possible to merge all button in one page? Because I'm modifying this section: I have an editor (Should not modify anything). A custom field (Video field): Only uploading OR Insert from URL ( as the built in of Wordpress)

frame: 'post' documentation

Can you please add a demo showing how to receive the send-to-editor markup? I.e. if I wanted to use frame: 'post' and mimick the behavior that is seen when inserting media in a post, likewise how you could create a gallery and receive the [gallery ids=""] markup that is sent to tinyMCE when editing a post.

Thanks!

Demo on Front End

@ocean90

Hi there,
is it possible to run the demos also on the front end within a post or a form? Trying to get my head around how to call the media manager on the front end....
Thanks,
Sascha

UI: Demo descriptions

Fill print_description() with content.

Gutenberg update?

Hi ocean90, do you plan on updating this demo for Gutenberg?

Thanks for all you do!

Inline docs for JavaScript files

JavaScript error with Demo 2

I'm getting a weird JS console error when I press the button in demo 2:

Uncaught ReferenceError: wpActiveEditor is not defined load-scripts.php:6
wp.media.editor.id load-scripts.php:6
wp.media.editor.open load-scripts.php:6
mediaUploaderDemo.openMediaDialog media-modal-demo-2.js:17
v.event.dispatch load-scripts.php:2
o.handle.u

Use ds.media instead of mediaUploaderDemo

var ds = ds || {};
ds.media = ds.media || {};

Adding gallery via DEMO2 method fails

When I try to inset a gallery via the method used in DEMO-2 it seems like the attachment info is not getting parsed by the javascript.

I tried to access the wp.media.gallery.attachments and that seems to return the IDs of the photos selected, but I can't wrap my head around saving the IDs and remembering them when wanting to edit the "gallery" selection of photos.

Do you know of any workaround to get this newer gallery function to work with this?

Wordpress version: 3.9