#77 - Emojis universales

Haz que tus emojis in situ sean iguales en todos los dispositivos/OS.

Video Tutorial

Loom
tutorial.mov

Watch the video for step-by-step implementation instructions

The Code

18 lines
Paste this into Webflow
<!-- 馃挋 MEMBERSCRIPT #77 v0.1 馃挋 UNIVERSAL EMOJIS -->
<script>
document.querySelectorAll('[ms-code-emoji]').forEach(element => {
 聽var imageUrl = element.getAttribute('ms-code-emoji');
 聽var img = document.createElement('img');
 聽img.src = imageUrl;

 聽var textStyle = window.getComputedStyle(element);
 聽var adjustedHeight = parseFloat(textStyle.fontSize) * 1.prop0;

 聽img.style.height = adjustedHeight + 'px';
 聽img.style.width = 'auto';
 聽img.style.verticalAlign = 'text-top';

 聽element.innerHTML = ''; // Clears the text content inside the span
 聽element.appendChild(img);
});
</script>

Script Info

Versionv0.1
PublishedNov 11, 2025
Last UpdatedNov 11, 2025

Need Help?

Join our Slack community for support, questions, and script requests.

Join Slack Community
Back to All Scripts

Related Scripts

More scripts in UX