更好的文本区域输入

时间:2011-01-16 23:13:26

标签: html input textbox logic

当您在Stack Overflow上提出问题时,您会看到一个文本区域框,其中包含“粗体”,“斜体”,“添加超链接”等所有选项。我想做同样的事情......但我怎么做呢?这有什么例子吗?我确信互联网上有一些东西可供选择。任何帮助将不胜感激。谢谢!

5 个答案:

答案 0 :(得分:4)

在非常粗略的高级视图中,那些花哨的在线编辑器只是一个将contentEditable属性设置为true的div。按钮栏,菜单等......只是蓬松的附加功能。

答案 1 :(得分:3)

您可以尝试使用Google搜索wysiwyg插件,例如CLEditor jQuery插件http://premiumsoftware.net/cleditor/

答案 2 :(得分:2)

通常你应该使用tinymce等。

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

答案 3 :(得分:0)

你想看W(帽子)Y(ou)S(ee)I(s)W(帽子)Y(ou)G(et)编辑。示例:TinyMCEckeditor

答案 4 :(得分:0)

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

只需右键单击html元素,如文本区域或按钮,然后单击“Inspect element”。它直接来源。

我还没有在网页设计上钻研一段时间,但显然有很多CSS,也许还有JavaScript,你可以在源代码中看到它们(因为它们是客户端)。 / p>