Небольшой текстовый редактор

var t = document.getElementById('textEditor');
 
function insertText(text) {
  //ищем элемент по id
    var txtarea = t;
    //ищем первое положение выделенного символа
    var start = txtarea.selectionStart;
    //ищем последнее положение выделенного символа
    var end = txtarea.selectionEnd;
    // текст до + вставка + текст после (если этот код не работает, значит у вас несколько id)
    var finText = txtarea.value.substring(0, start) + text + txtarea.value.substring(end);
    alert(finText);
    // подмена значения
    txtarea.value = 'b';
    alert(txtarea.value);
    // возвращаем фокус на элемент
    txtarea.focus();
    // возвращаем курсор на место - учитываем выделили ли текст или просто курсор поставили
    txtarea.selectionEnd = ( start == end )? (end + text.length) : end ;
}

const insertText = (el,tag) => {
    let txtarea = document.querySelector(el),
        start = txtarea.selectionStart,
        end = txtarea.selectionEnd,
        sel = txtarea.value.substring(start, end),
        finText = (txtarea.value.substring(0, start) + tag[0]) + sel + (tag[1] + txtarea.value.substring(end))
    ;
    txtarea.value = finText;
    txtarea.focus();
}
 
let button = document.querySelectorAll('.add_text');
 
button[0].addEventListener('click',() => insertText('#area',['[BOLD]','[/BOLD]']) );
button[1].addEventListener('click',() => insertText('#area',['[ITALIC]','[/ITALIC]']) );
button[2].addEventListener('click',() => insertText('#area',['[UNDERLINE]','[/UNDERLINE]']) );