JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<span class="options-wrapp">
    <span class="option bold" data-role='bold'>
            <i class="fa fa-bold" aria-hidden="true"></i>
    </span>
    <span class="option italic" data-role='italic'>
        <i class="fa fa-italic" aria-hidden="true"></i>
    </span>
    <span class="option image">
        <i class="fa fa-picture-o" aria-hidden="true"></i>
    </span>
</span>

JavaScript

$(".options-wrapp span").click(function(e)
{
    e.preventDefault();
    document.execCommand($(this).data('role'), false);
});