相关疑难解决方法(0)

假设我有这个HTML元素:

<div id="parent">
 Hello everyone! <a>This is my home page</a>
 <p>Bye!</p>
</div>

用户用鼠标选择"家".

我希望能够确定#parent他的选择中有多少个字符开始(以及#parent他选择结束时有多少个字符结束).即使他选择了HTML标记,这也应该有效.(我需要它在所有浏览器中工作)

range.startOffset 看起来很有希望,但它只是相对于范围的直接容器的偏移量,并且仅当容器是文本节点时才是字符偏移量.

我想在textarea或文本输入中使用不同的颜色设置文本(一个或另一个很好,我不需要两者).想想简单的语法突出显示.所以,假设我定义了一些关键字.当用户输入textarea或文本输入时,我希望这些单词的颜色可以是不同的颜色

我知道这需要是CSS,Javascript和一些精灵粉尘的某种组合.我想知道我需要深入了解哪个方向,以了解如何做到这一点.

谢谢

我有一个textarea，当我输入某些内容时，某些单词的颜色应该改变。

例如，如果键入的文本是下一个：He went to the market to buy an apple

1. “市场”二字应变绿
2. “苹果”一词应该变成红色

这是我当前的代码：

var str = 'market';
var value = str.includes('market');

if (value == str) {
    document.getElementById("text").style.color = "green";
} else {
    document.getElementById("text").style.color = "red";
}

<textarea rows="9" cols="100" id="text" onClick="changeText();"></textarea>

如何使用Jquery更改Textarea中某些单词的颜色？

例如,我有一个textarea <textarea id="txt"> </textarea>

当我输入textarea时,某些单词如"is,a,was ......"应该着色或突出显示.

目的是为我的项目创建一个超简单的HTML语法高亮显示器!