仅在某些 html 元素中启用 Annotator JS V2

Posted 2023-03-14

【中文标题】仅在某些 html 元素中启用 Annotator JS V2

【英文标题】：Enable Annotator JS V2 only in some html elements

【发布时间】：2017-08-06 13:51:36

【问题描述】：

我正在尝试仅在某些 html 元素中启用Annotator Js V2.0，而不是在没有成功的情况下启用整个文档。 documentation 描述了一个参数可以作为一个选项传递来定义：

事件监听器绑定到的 DOM 元素。默认为 document.body，允许对整个文档进行注释。

以下是文档中引用的代码：

var app = new annotator.App();
app.include(annotator.ui.main, element: document.body);
app.start();

我正在尝试通过类名定义另一个 html 元素，例如：

var app = new annotator.App();
app.include(annotator.ui.main, element: '.class-name');
app.start();

但这不起作用。您能否就执行此操作的适当方法提出建议？

【参考方案1】：

我知道它太晚了，但希望可以帮助某人。 :) 请使用document.querySelector，如下所示。

元素：document.querySelector('.class-name')

【讨论】：

感谢 Shyam，如果使用此解决方案，将在特定元素中启用注释器是正确的。然而，不幸的是，当在视图中将其绑定到具有特定类名的元素时，其中许多元素共享相同的类名，注释器仅适用于视图中的第一个元素。你有没有发现同样的问题？ var app = new annotator.App(); app.include(annotator.ui.main, element: document.querySelector('.answer-content') );