Кодирование HTML-объектов в JavaScript

При вводе контента в систему управления контентом (CMS) крайне важно обрабатывать специальные символы, такие как ®, для обеспечить правильное отображение в браузерах. Чтобы решить эту проблему, можно использовать JavaScript для поиска и преобразования этих символов в подходящие объекты HTML.

Используя регулярные выражения, преобразование может быть достигнуто путем замены определенных диапазонов символов соответствующими объектами HTML. Код JavaScript будет выглядеть следующим образом:

var encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&]/g, function(i) {
   return '&#' i.charCodeAt(0) ';';
});

Этот код заменяет все символы в указанном диапазоне Юникода (00A0-9999) и специальные символы (&, ) их эквивалентами объектов HTML. Например, ® становится ®.

Альтернативно в ES6:

const encodedStr = rawStr.replace(/[\u00A0-\u9999<>\&]/g, i => '&#' i.charCodeAt(0) ';')

Этот подход обеспечивает преобразование всех применимых символов в объекты HTML. Однако важно отметить, что конфигурации системных шрифтов и другие факторы потенциально могут повлиять на правильное отображение этих символов.

Учитывайте потенциальные проблемы с кодировкой символов, такие как обеспечение кодировки UTF8 и хранение базы данных, чтобы уменьшить несоответствия отображения. .

Кроме того, для определенных предпочтений отображения, таких как размер шрифта и отступы, можно применить соответствующий стиль CSS:

sup { font-size: 0.6em; padding-top: 0.2em; }

При реализации этот CSS обеспечивает согласованное отображение объектов HTML.

Документация:

• String.charCodeAt: https: //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charCodeAt
• Символьные сущности HTML: http://www.chucke.com/entities.html