Javascript：按钮点击后输入

我想弄清楚如何为html制作样式编辑器。就像你可以在这里使用stackoverflow的黑体函数。您可以使用javascript函数使文本变粗体Javascript：按钮点击后输入

str.bold();

这会使您放入的字符串粗体显示。我想这样做，当你点击一个按钮时，你键入的下一个东西将是粗体。当你再次点击时，你输入的下一个内容将不会再次变为粗体。

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

2014-11-23 Sjenkie

为什么不使用的东西是已经在那里？，检查了这一点：HTTP ：//jsfiddle.net/mekwall/XNkDx/它可能会有所帮助。 – MorKadosh 2014-11-23 15:34:09

尝试编辑div。祝你好运！ :-) – www139 2014-11-23 15:35:56

因为我喜欢自己做东西。第二：编辑部分没有问题。当我想要一个简单的**粗体**功能时，问题就开始了。就像我说过的：你点击一个大胆的按钮，接下来你会很胆大的东西。当你再次点击时，接下来的东西不会再粗体了。 – Sjenkie 2014-11-23 15:36:30

其实它可以很容易地实现与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>

2014-11-23 16:49:30

谢谢！非常！它让我的这一天成为了我的一天 – Sjenkie 2014-11-24 18:32:05

回答