JSFiddle - React, Tailwind, and code Playground

by mpetrovich

HTML

<span class="text">
    <p>Star :star:</p>
    <p>Airplane :airplane:</p>
</span>

CSS

.text {
}

JavaScript

function emoticize(text) {
    return text
        .replace(":star:", "★")
        .replace(":airplane:", "&#9992;");
}

var $text = $(".text");
$text.html( emoticize($text.html()) );