Javascript:点击按钮后输入

时间:2014-11-23 15:29:20

标签: javascript html input formatting styles

我试图找出如何为html制作样式编辑器。就像你可以在stackoverflow上使用粗体函数。您可以使用javascript函数

使文本变为粗体
str.bold();

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

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

1 个答案:

答案 0 :(得分:1)

实际上可以使用editable divdocument.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>
&#13;
&#13;
&#13;