JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<div class="r_review_content shaded" contenteditable="true" unselectable="false" style="padding:10px; vertical-align:bottom"></div>
<div class="smiley_icon">
    <img src="http://placehold.it/50x50" />
</div>
<div class="smiley_icon">
    <img src="http://placehold.it/50x50/550000" />
</div>

CSS

.shaded {
    background: #eee;
}

JavaScript

$(".smiley_icon img").click(function () {
    var img_smiley = $(this).clone().css("width", "18px");
    $('.r_review_content').append(img_smiley);
    return false;
});