Я пытаюсь создать кнопку, которая устанавливается в редактируемый контент. Однако он выделяет текст, который я ввожу, жирным шрифтом, я хочу, чтобы он выделял только выделенный текст жирным шрифтом, а не весь текст. Любая помощь будет оценена по достоинству.
function bold(){
const x = document.getElementById("text");
if(x.style.fontWeight == "bolder"){
x.style.fontWeight = "normal";
}else{
x.style.fontWeight = "bolder";
}
}
<button onclick="bold()"> B </button>
<div id="text" class="editor" contenteditable="true" draggable="true"></div>