Rethink how the "special characters" TinyMCE modal works

[melchoyce]

In TinyMCE, the "special characters" modal doesn't work as expected:

• Clicking on a character adds it to your post behind the modal, but is sometimes hidden behind the modal itself. Since the modal stays open, it's not always clear that clicking on a character does anything.
• As previously stated, the modal stays open once you've added a character. While this is great if you want to add a couple, how often are users adding more than one special character at a time?

Instead, how about when you click on a character, it inserts into your post and closes the modal?

Further, the click-target doesn't cover the entire box containing the character, so it's easy to click to the side of the character and wonder why it's not inserting. The entire box surrounding the character should be clickable.

See today's ​conversation in #wordpress-ui about the modal for more background and discussion.

[azaozz]

In 27165:

TinyMCE: fix styling in the Charmap modal so the click targets are as large as the table cells. Remove the "Close" button and close the modal after inserting the special char. Fixes #27107.

[azaozz]

In 27179:

TinyMCE: when clicking on a character in the Charmap modal, don't close it if the Crtl key is pressed. Makes it possible to insert several special chars in a row. See #27107.