当前位置: 首页 > 面试题库 >

Textarea或文本输入中的多色文本突出显示

申屠亦
2023-03-14
问题内容

我想在文本区域或使用不同颜色的文本输入中设置文本(一种或另一种都可以,我不需要两者都可以)。想想简单语法高亮之类的东西。因此,假设我定义了一些关键字。我希望当用户在文本区域或文本输入中键入这些单词时,使用不同的颜色进行着色

我知道这需要结合CSS,Javascript和一些小技巧。我想知道我需要深入研究哪个方向才能找到解决方案。

谢谢


问题答案:

不,您不能在文本区域或文本输入中执行此操作。任何与CSS文本相关的属性都将影响textarea /
input中的整个文本。您需要一个可编辑的元素或文档来实现语法突出显示。示例(在所有最新的浏览器中都可用;最近的不支持的主要浏览器contenteditable是Firefox
2.0):

<code contenteditable="true">

  <span style="color: blue">var</span> foo = <span style="color: green">"bar"</span>;

</code>


 类似资料:
  • 问题内容: 我一直在网上寻找这个东西,甚至甚至找不到其他人问这个,更不用说解决方案了…… 选择文本后,是否可以更改文本输入中突出显示区域的颜色?不是突出显示边框或背景,而是当您实际选择文本时出现在文本周围的部分。 问题答案: 感谢您提供的链接,但似乎并没有公开实际突出显示的文本。 就当前的实际问题而言,我最终选择了一种不同的方法,因为完全不需要文本输入,并使用了带有某些JavaScript的inn

  • 我有一个如下的文本区域, 我需要突出显示或选择所有文本“Highlight me”。我没有找到任何方法来突出显示文本区域中的文本。此外,我在JavaFX中找不到任何其他API可以突出显示特定文本或字母的出现,例如Swing中的JTextArea。有人可以建议我如何在文本区域突出显示字符串吗?或者除了JavaFX中的这个文本区域之外,还有其他API可用吗? 我的代码: 预期输出: 线条应以以下任何颜

  • 问题内容: 我可以高亮显示一些文本,使其从一个值开始,然后从另一个值结束,如下所示,但颜色为黄色吗? “” JTextPane 高亮显示 文本“” 谢谢。 问题答案: 通常,有几种可能性,具体取决于您对“突出显示”的真正含义:-) 通过在文档级别更改任意文本部分的样式属性来突出显示,例如 通过textPane级别上的荧光笔突出显示:

  • 问题内容: 这更多是一个假设性的问题,我正在为正在计划的项目集思广益,并且很好奇是否有人知道任何API或方法可以在任何窗口上立即获取突出显示的文本,例如从浏览器或文字处理器。它还可能有一个只有在按下时才能读取的键盘命令(类似于CTRL + C,将所选文本添加到剪贴板) 我们将非常感谢您对此有什么API的任何了解。 问题答案: 您可以使用JNA 在前台窗口上实际模拟(复制操作),然后读取剪贴板中的内

  • 问题内容: 我做了一个突出显示div中匹配单词的函数。但是如果有两个相同的单词被一个不同的单词分隔开,那么只有第一个单词会突出显示。因此,例如,如果搜索条件是单词“burn”,而在文本中是句子“ burn baby burn”,我希望它突出显示两个“ burn”。此jsFiddle演示了如何仅突出显示第一个“烙印”。这也是下面的代码。任何帮助,不胜感激。谢谢阅读。 CSS html javascr

  • 问题内容: 我正在尝试突出显示与查询匹配的文本,但是我不知道如何使标记显示为HTML而不是文本。 当前输出: Java 脚本 所需的输出: Java 脚本 问题答案: 这是我简单的twoliner辅助方法: 它返回一个跨度,其中所请求的零件以标签突出显示。如果需要,可以简单地将其修改为使用其他标签。 更新: 为避免唯一键丢失警告,这是一个基于跨度并为匹配的零件设置fontWeight样式的解决方案