如何构建简单的富文本框?

时间:2014-06-24 06:02:34

标签: javascript jquery html

如何使用javascript或jquery构建一个非常简单的富文本框,以使所选文本变为粗体?

< textarea id="editor">< /textarea>
< input type="button" onclick="bold()" value="Bold selected" />

在这里,文本应该看起来非常大胆但不在&lt;之间。 B个和&lt; / B个标签。我的意思是我们正在使用wordpress或其他富文本框进行编辑。

2 个答案:

答案 0 :(得分:1)

除非您使用某些插件(如果存在)或创建自己的插件,否则您无法将textarea中的所选文本设为bold。但是,不要发明轮子,只需使用免费的编辑器,如codemirrorckeditor

答案 1 :(得分:1)

WYSIWYG编辑插件实际上并未使用textarea。他们使用可编辑的div,可以显示富文本

这些链接应该可以帮助您入门:

HTML contentEditable

WYSIWG Tutorial 1

WYSIWG Tutorial 2