当您在Stack Overflow上提出问题时,您会看到一个文本区域框,其中包含“粗体”,“斜体”,“添加超链接”等所有选项。我想做同样的事情......但我怎么做呢?这有什么例子吗?我确信互联网上有一些东西可供选择。任何帮助将不胜感激。谢谢!
答案 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)
答案 4 :(得分:0)
您还可以研究此网页的来源。我推荐Firefox的 Firebug 插件。它使得浏览网页源变得更加容易。
只需右键单击html元素,如文本区域或按钮,然后单击“Inspect element”。它直接来源。
我还没有在网页设计上钻研一段时间,但显然有很多CSS,也许还有JavaScript,你可以在源代码中看到它们(因为它们是客户端)。 / p>