Make it possible to set editor data (HTML)

[oleq]

ATM if you want to set HTML of the editor, you got to do it via browser terminal and editor.setData() (or log editor using the inspector button, store as a global variable, then temp1.setData()). That's a lot of effort for something we do every day over and over again.

I propose we have a dedicated UI for this that will complement the log (copy to clipboard) editor data I implemented recently:

Highlights:

• Textarea with data will autofocus to allow typing straight away.
• I made it possible to use current editor data to make quick adjustments without the need to copy current editor data to the clipboard (a click less).
• Shift+Enter sets data and closes the modal.
• The modal closes on Esc.
• The modal closes on clicking the overlay.

Poc:

• The code is here https://github.com/ckeditor/ckeditor5-inspector/compare/i/136...i/138?expand=1.
• Built on top of The "Log editor data" button should copy to the clipboard if clicked with Alt/Option #137 for easy testing (copy to clipboard, then paste, etc.)
• No tests yet. I'll create them once we decide this is what we need.

[scofalik]

Why not use current editor data as the textarea's starting content? (can be select-all'ed after the modal is opened)

[oleq]

Why not use current editor data as the textarea's starting content? (can be select-all'ed after the modal is opened)

That seems like a good idea. I'll try it 👍