Gallery preview in the visual editor

[azaozz]

Display preview of the gallery in the visual editor.

[azaozz]

21585.patch is a "first run", still rough in many places.

• Adds the 'noneditable' plugin to TinyMCE and uses it for the gallery preview (so the whole div is "static" in the editor).
• The HTML for the gallery is fetched after TinyMCE loads or after switching Text -> Visual editor with XHR.
• Supports all shortcode options.

[azaozz]

Changes in 21585-1.patch: remove some debug leftovers, move appending of the gallery preview div ID to ajax-actions.

[ocean90]

Tested in Chrome and some points:

• wp_die() instead of die()
• editor.dev.css has some whitespace/tabs trouble
• Editor resizer is gone
• Double edit icons: ​http://cl.ly/Ilsh
• Some edit icons doesn't have a function, seems like only the upper left with the photo icon is the one, but not the delete button.
• You can resize the images, but it will not be saved
• Though I selected to link the images with the file it still links to the attachment page

[azaozz]

In 21585-2.patch:

• Replaced die() with wp_die().
• Better "content-not-editable" in the editor, uses a blocking div that can be styled and prevents access to the gallery thumbnails so IE and Firefox won't try to make them resizeable.
• The Edit and Delete popup buttons work properly.

To-do: better default styling of the gallery preview. Themes will be able to style the preview (in editor-style.css), but we need a sensible default styling for themes that don't use the default gallery.

Still a bit worried that previewing the gallery in the visual editor would be awkward (marginal UX) as the users would expect to edit it directly. Darkening the preview and showing the Edit and Delete buttons make it clear it can't be edited.

[azaozz]

Refreshed the patch for the min.js naming change

[azaozz]

In 21585-5.patch: stop Firefox selecting all of the gallery preview (and highlighting it in blue), make the old gallery settings popup work by letting the user edit the gallery shortcode directly (for testing).

[nacin]

Whatever happened here?

[nacin]

#21815

[nacin]

Duplicate of #21815.

[nacin]

Oops, this is fixed — in the sense that the preview in the editor is improved. #21815 was the underlying "view" functionality that made that possible.