更好的文本区域输入答案

【问题标题】：Better text area input更好的文本区域输入
【发布时间】：2011-06-10 04:09:37
【问题描述】：

当您在 Stack Overflow 上提出问题时，您会看到一个文本区域框，其中包含“粗体”、“斜体”、“添加超链接”等选项。我想做同样的事情......但我该怎么做呢？有这方面的例子吗？我敢肯定互联网上有一些东西。任何帮助将不胜感激。谢谢！

【问题讨论】：

【解决方案1】：

在非常粗略的高级视图中，那些花哨的在线编辑器只是一个将其contentEditable 属性设置为 true 的 div。按钮栏、菜单等……只是一些额外的东西。

【讨论】：

【解决方案2】：

您可以尝试使用谷歌搜索所见即所得的插件，例如 CLEditor jQuery 插件 http://premiumsoftware.net/cleditor/

【讨论】：

【解决方案3】：

通常你应该使用tinymce等

但特别是在 Stackoverflow 上，他们使用 Markdown 和一个简单的文本区域。这里的几个按钮只是将markdown符号的简单ascii文本插入到textarea中

【讨论】：

【解决方案4】：

您想查看 W(hat) Y(ou) S(ee) I(s) W(hat) Y(ou) G(et) 编辑器。示例：TinyMCE、ckeditor

【讨论】：

【解决方案5】：

您还可以研究此网页的来源。我推荐 Firefox 的 Firebug 插件。它使浏览网页源变得更加容易。

只需右键单击 html 元素（如文本区域或按钮），然后单击“检查元素”。直奔源头。

我已经有一段时间没有涉足网页设计了，但显然有很多 CSS 和 JavaScript 正在进行中，您可以在源代码中看到这两者（因为它们是客户端）。

【讨论】：