Javascript:点击按钮后输入

Question

我试图弄清楚如何为 html 制作一个样式编辑器。就像你可以在 stackoverflow 上使用 bold 函数一样。您可以使用 javascript 函数将文本设置为粗体

str.bold();

这当然会使您输入的字符串加粗。我想做到这一点，以便当您单击按钮时，您输入的下一个内容将是粗体的。当您再次单击它时，您输入的下一个内容将不再是粗体。

我想到了一些事情。但所有这些都是不可能的。

Answer 1

实际上，可以使用可编辑div和document.execCommand('bold')轻松实现。您将拥有其他功能，例如使用键盘快捷键(即 ctrl+B)、突出显示和粗体..

#text {
    width : 500px;
    min-height : 100px;
    border : 2px solid;
}

<div id="text" contenteditable="true"></div>
<button id="toggle_bolt" onclick="document.execCommand('bold');">toggle bolt</button>