Visual feedback on repositioning of MCE in pages and posts

[beining]

This ticket relates to [37446] and #28826 when using the visual editor. Currently one does not get any visual cues as to the possibility to drag the MCE content around.

Option 1 - drag n drop
Similar to Dashboard, the Shortcake plugin or galleries could have "drag and drop", where the cursor changes from an arrow to dashicons-move ​https://developer.wordpress.org/resource/dashicons/#move

The content (MCE) then can be dragged around and shows a dashed outline box where the content (MCE) can be placed (just like on Dashboard and Appearance > Widgets).

There is an outline of the content (MCE) where it originally positioned.

---

Option 2 - Move to previous or next paragraph
On mouseover, a menu shows up with arrows up and down. Clicking on up, moves the content (MCE) to the previous paragraph, clicking it down, moves the content (MCE) to the next paragraph

[Ixium]

I think it will be a better idea to show the arrows only if there was text selected, so the content-box wont move to the previous paragraph, but above the text that was selected

[beining]

Do you mean to select a text inside the content box? (Something tells me I misunderstood this :)

How can you both select a text AND select the content box at the same time?

Replying to Ixium:

I think it will be a better idea to show the arrows only if there was text selected, so the content-box wont move to the previous paragraph, but above the text that was selected

[Ixium]

What is mean is: 'The content in the box isn't selected, because the it is (only) a draggable container' When some text is selected and you click on the arrow, you can let the content box jump up/down above or below the selected text.

[beining]

Right! Got it. Yeah, good idea.

[beining]

MCE option 1 - Drag and drop

[beining]

MCE option 2 - Up down arrows

[beining]

(Uploaded my images as not to have only links to my Dropbox in case I move the files)

[melchoyce]

Great idea @beining! This is going to be introduced in the new WordPress Editor, Gutenberg, probably in 4.9. See the above mockup. Since it's coming in Gutenberg, I'm going to close this ticket for now. However, if you have any feedback on the mockup above, would love to get your input at ​https://github.com/WordPress/gutenberg/issues. :)

[beining]

@melchoyce Cool! Great to see it being implemented. When will Gutenberg be launched?

[melchoyce]

Replying to beining:

@melchoyce Cool! Great to see it being implemented. When will Gutenberg be launched?

My guess is between August and September, if development continues to progress at the same pace it's been the past couple months.