JSFiddle - React, Tailwind, and code Playground

HTML

<button class="bold">Bold</button><button class="italic">italic</button><button class="red">Red</button>
<div contenteditable>Глупо в России использовать в новогодних мотивах Санта-Клауса. У нас есть Дед Мороз.</div>

CSS

div { width: 200px; height: 100px; border: 1px solid black; }

JavaScript

$( '.bold' ).on( 'click', function() {
   document.execCommand( 'bold', false, null ); 
});

$( '.italic' ).on( 'click', function() {
   document.execCommand( 'italic', false, null ); 
});

$( '.red' ).on( 'click', function() {
   document.execCommand( 'forecolor', false, 'red' ); 
});