JSFiddle - React, Tailwind, and code Playground

by amitrdx

HTML

<p>
    jhgfd dvvkj asdflkhgsd v fgkjh ckjkfg  ckjlfgjhkljdfg dfglkjfg  hrgh;lkx flkjf dffflkg
</p>

<button onclick="makeBold()">Bold</button>

JavaScript

function makeBold() {
    var selection = window.getSelection();
        if (selection.rangeCount) {
        var range = selection.getRangeAt(0).cloneRange();
        if (document.queryCommandState) {
            isBold = document.queryCommandState("bold");
        }
        alert(isBold);
        var newNode = document.createElement("b");
        range.surroundContents(newNode);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}