БлогNot. Как вставить "смайлики" из Юникода в сообщение

Как вставить "смайлики" из Юникода в сообщение

...если в форме ввода ресурса нет подходящих "заготовок", часто задают подобные вопросы.

HTML-сущность (мнемонику, "символ Юникода, которого нет на клавиатуре" и т.д.) можно вставить в однострочное или многострочное текстовое поле формы на web-странице одним из следующих способов:

  • по имени мнемоники, если таковое есть, например, © - это знак копирайта;
  • с помощью десятичного HTML-кода, имеющего вид &#99..9; , где "9" - десятичные цифры, для нашего знака получится ©
  • с помощью 16-ричного кода вида &#xFF..F; , где "F" - шестнадцатеричные цифры например, © или 😏
  • для применения в стиле CSS это изображается как \00A9 , вот пример стилевого указания в документе .html:
    <!DOCTYPE html>
    <meta charset="UTF-8">
    
    <style>
     .phone:before { content: '\260E '; }
    </style>
    <p>Наш телефон <span class="phone">323-232-223-322</span>

    Наш телефон 323-232-223-322

  • если страница в соответствующей кодировке позволяет это, десятичный код можно набрать на дополнительной (правой) цифровой клавиатуре при включённом индикаторе клавиши Num Lock, зажав левую клавишу Alt в виде Alt+99...9, где "9" - десятичные цифры, например, Alt + 0169. Этот способ годится и для многих текстовых редакторов (Word). В простых редакторах ("Блокнот") это может не получиться с символами, десятичный код которых содержит более 4 цифр.

Конечно, серверное или stand-alone приложение должно позволять и не фильтровать вставку таких символов, чтобы всё работало.

Вот изображения и десятичные коды некоторых актуальных символов, о которых шла речь:

ВидДесятичный код  Описание
&#9785;дизлайк
😏&#128527;усмешка
😒&#128530;неодобрение
😓&#128531;холодный пот
😞&#128542;разочарование
😖&#128534;стыд
😟&#128543;волнение
😠&#128544;злость
😢&#128546;слёзы
😧&#128551;мучение
😨&#128552;страх
😱&#128561;ужас
😶&#128566;немота
😷&#128567;маска
🤥&#129317;ложь
🤫&#129323;молчание
🤢&#129314;тошнота
🤮&#129326;рвота
:- или .~ сарказм (так как знак был некогда запатентован)

Увы, символы могут несколько по-разному выглядеть в разных браузерах или вообще не выводиться (например, в "Хроме" и "Яндекс браузере" смайликов не видно, а в Firefox, MS Edge и Internet Explorer 11 - да), и до всеобщего перехода с "просто" utf8 на utf8mb4 это будет так.

23.03.2022, 13:09 [1126 просмотров]


теги: список textprocessing html css символ форматы эмоции

К этой статье пока нет комментариев, Ваш будет первым