Javascript：单击按钮后输入答案

【问题标题】：Javascript: Input after button clickJavascript：单击按钮后输入
【发布时间】：2015-01-21 07:51:02
【问题描述】：

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

str.bold();

这当然会加粗你输入的字符串。我想这样做，所以当您单击一个按钮时，您接下来键入的内容将是粗体。当您再次单击它时，您键入的下一个内容将不再是粗体。

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

【问题讨论】：

为什么不使用已经存在的东西？看看这个：jsfiddle.net/mekwall/XNkDx 它可能会有所帮助。
尝试可编辑的 div。祝你好运！ :-)
因为我喜欢自己做东西。第二：编辑部分没有问题。当我想要一个简单的 bold 功能时，问题就开始了。就像我说的：你点击一个粗体按钮，接下来你写的东西是粗体的。当您再次单击它时，接下来的内容将不再是粗体。

【解决方案1】：

实际上它可以通过editable 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>

【讨论】：