更改textarea中特定部件的文本颜色

时间:2012-06-13 12:43:14

标签: javascript jquery html css

是否有可能在HTML中更改textarea中某些部分的文本颜色?

我喜欢在我的网站上输出一些突出显示的PHP代码,并且可以通过单击此textarea来选择完整的代码。 我已经编写了一个javascript函数来选择完整的文本。但是,如果我试图在文本周围放置跨度,那么它们也会打印出来。

如果有办法通过一次单击选择div中的文本,也许它应该与div一起使用。

3 个答案:

答案 0 :(得分:2)

不,这是不可能的,但你可以有一些css使div看起来像<textarea>而在div中你可以放几个<span> s颜色。

您也可以使用something like this

答案 1 :(得分:0)

  • 编辑:我可以推荐Jquery Editable插件。另请尝试this plugin。它不仅可以进行现场编辑,还可以为您选择内部文本。
  • 正在复制zClip可以很好地复制到剪贴板。
  • 突出显示:您可以查看snippet Jquery插件以突出显示语言语法

因此,您将显示正确的“彩色”代码;当用户使用代码单击div时,它将更改为可编辑的textarea,如果用户单击textarea旁边的图标,则代码将复制到剪贴板

答案 2 :(得分:-1)

有很多脚本可以做到这一点,这里有一个很好的列表

9 Useful Javascript Syntax Highlighting Scripts

其中大多数都具有您需要的功能,因此您无需重新发明轮子 - 除非您真的想要: - )