Annotator JS V2をいくつかのhtml要素でのみ有効にする

Question

Annotator Js V2.0は一部のhtml要素でのみ有効で、文書全体では有効ではありません。 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(); 

これが動作しませんしかし、。これを行う適切な方法についてアドバイスできますか？

Answer 1

私は非常に遅く知っていますが、希望は誰かを助けるかもしれません。 :)下記のようにdocument.querySelectorを使用してください。

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