Press This: Emoji support within the title

[ocean90]

If a browser doesn't support native emojis they are replaced with an image. Since $titleField.text() doesn't catch the HTML the placeholder will be still shown.

[ocean90]

Chrome 41 on OS X

[kraftbj]

Swapping out .text for .html all that is needed here? It seems to work for me with that change (attached).

Any downsides to this or missed edge cases?

[kraftbj]

swap .text for .html

[kraftbj]

Hold up on 31768.diff. Actually saving the title with emoji fails. Emoji is stripped out.

[azaozz]

Replying to kraftbj:

It is insecure too :)

Best is to use a textarea there. The bad thing about textareas is that they don't "fit" their content, i.e. don't resize to accommodate longer titles. We probably can hack that with some JS. Will solve this and other similar problems.

Another option is: we have to mimic the behavior of a form element; no replacements of emoji chars with images... Not sure which is easier/cleaner.

[Michael Arestad]

I'd prefer we kept the h2, but I defer the decision to @azaozz. I can fix up the styles when needed, but I suspect both solutions will be messy.

[azaozz]

In 31919:

Press This:

• When saving, replace emoji images with chars in the title text.
• Clean up the title text on paste.

See #31768.

[azaozz]

Leaving open as this may need more testing.

[azaozz]

In 31987:

Press This: prevent pasting of HTML in the title H2. Insert the clipboard text instead.
Fixes #31768.