用于突出显示外部存储的文本的javascript工具

Question

我正在编写一个可以为外部存储的文本添加和存储突出显示信息（范围，颜色）的应用程序，该文本可能会更改。我希望该工具可以实时显示新文本，同时继续正确存储突出显示的信息。

到达新文本时，应在其下划线并在删除某些文本时将其删除。应该有一个按钮可以批准此更改并继续突出显示工作。

文本在外部存储在Wiki（www.mediawiki.org）上，该Wiki提供用于检索文本最新版本的api。

我已经熟悉mediawiki提供的api和Mark HTML标记。我现在还很熟悉https://en.wikinews.org/wiki/User:Gryllida/js/onScreenEditWithLocalStorage-0.2pre.js

所示的document.execCommand(hl, false, 'lightgreen')类型的api（我认为是浏览器中的javascript？）。

上面的链接中显示了一些代码，但不适用于外部文本的更新。

基本上，关键概念是这样的线

toolbar.appendChild(btn('<url to an image>', function () {
    document.execCommand(hl, false, 'lightgreen')
}, 'Highlight green'));

现有代码中没有任何规定可对外部api中文本的更新作出反应。我可以添加一个按钮，单击该按钮可以更新文本，但是需要一些其他代码来更新突出显示范围并将新文本显示为带下划线或删除的内容。我不希望手动进行此操作，如果有人可以将我指向提供此功能的javascript实用程序或库，将不胜感激。