使用highlighter.js配置textarea工具提示

Question

我试图在textarea内使用highlighter.js。我修改了their example并将p替换为textarea包裹pre（对于bidi设置）。

    <div class="article" style="width: 80%; height: 80%;">
        <pre style="width: 100%; height: 100%;">
            <textarea style="width: 100%; height: 100%;">Highlight some body text! 
                This is a jQuery plugin that allows you to display a pop-up tooltip when a user highlights text. This can be useful in a variety
                of situations, and there didn't seem to be a good open source solution before this.
                on how to implement this on your website. It's very easy!
            </textarea>
        </pre>
    </div>

当我突出显示一个单词时，工具提示会弹出错误的位置，即textarea的左下角，无论该单词的位置如何。我该如何解决？

Answer 1

这适用于我和Firefox和Chrome。你使用的是什么浏览器。它突然显示突出显示区域中的最后一个单词。如果我突出显示一个单词，它会直接捕捉到该单词。希望这会有所帮助。