如何在用户在文本aeria中键入单词时突出显示JSON字典中的单词,并将其替换为表单提交中的描述？

Question

我想知道如何使用一些JSON字典:

[
    {
        "name": "Ann.c",
        "realvalue": "./34534j435345j3b3"
    },
    {
        "name": "Ann.h",
        "realvalue": "./333dfsdGjh45j3b5"
    }

]

并且用户输入的文本输入如下:gcc -o test Ann.c -lcryptointo textaeria如何Ann.c使用某种颜色突出显示并在表单子上用其替换realvalue？

更新: 我在这里尝试..我知道如何解析字典,但我无法突出显示甚至简单的单词里面的文本输入框=((我尝试使用这个库)

这样的事情可能与文本aeria以及如何做到这一点？

更新: Wel我已经做了一些使用这个lib对我有用的东西 ......

Answer 1

一个不太酷的方法是更改​​整个innerHTML，并且在您想要突出显示的地方可以输入具有所需颜色和规格的div 元素。