更好的文本区域输入

Posted 2023-05-08

【中文标题】更好的文本区域输入

【英文标题】：Better text area input

【发布时间】：2011-06-10 04:09:37

【问题描述】：

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

【参考方案1】：

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

【讨论】：

我已经阅读了十几个不同的 SO 问题，这是我遇到的第一次提到contentEditable。正是我想要的，+1。

【参考方案2】：

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

【参考方案3】：

通常你应该使用tinymce等

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

【参考方案4】：

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

【讨论】：

这是不同的。非常非常不同。

使用 TinyMCE 是否可以只允许几个按钮？像只允许用户做粗体、斜体和字体大小？

虽然不再需要：是的，你可以这样做。

【参考方案5】：

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

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

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