Question

我正在尝试创建一个设置为可编辑内容的按钮。它确实将输入的文本设置为粗体，但是，我只希望将突出显示的文本设置为粗体，而不是整个文本。任何帮助将不胜感激。

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>

Answer 1

当您更新代码时，您的问题将得到解决：

    <button onclick="bold()"> B </button>
    <div id="text" class="editor" contenteditable="true" draggable="true">Text Example</div>

    <script>
      function bold(){
      if(document.execCommand("bold")){
        document.execCommand("normal");
      }else{
        document.execCommand("bold");
      }
    }
    </script>

如何将粗体按钮设置为仅突出显示所选文本？

1 个答案: