【问题标题】:Change textcolor of specific parts in textarea更改文本区域中特定部分的文本颜色
【发布时间】:2012-06-16 10:08:05
【问题描述】:

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

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

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

【问题讨论】:

    标签: javascript jquery html css


    【解决方案1】:

    不,这是不可能的,但是您可以使用一些 css 来使 div 看起来像 <textarea>,并且您可以在 div 内放置几个带有颜色的 <span>s。 p>

    你也可以使用something like this

    【讨论】:

    • 也许你想说的不仅仅是“不,但你可以模仿它”,并解释如何优雅地模仿它或链接到一个例子。
    • @SchizoidSpag,我做到了,看看 jsfiddle。
    【解决方案2】:

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

    9 Useful Javascript Syntax Highlighting Scripts

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

    【讨论】:

    • 这些是否适用于文本区域内的文本?这似乎是不可能的。
    【解决方案3】:
    • 编辑:我可以推荐 Jquery Editable 插件。也可以试试this plugin。它不仅可以进行就地编辑,还可以为您选择内部文本。
    • 复制:zClip 可以很好地复制到剪贴板。
    • 突出显示:您可以查看snippet Jquery 插件以突出显示语言语法

    因此,您将正确显示“彩色”代码;当用户单击带有代码的 div 时,它会变为可编辑的文本区域,如果用户单击文本区域之外的图标,则代码将复制到剪贴板.

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-10-03
      • 2019-02-05
      • 2015-01-10
      • 2016-02-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多