QuillJSにツールチップを配置

Question

どのようにしてツールチップをQuillJSに配置しますか？指定した範囲にツールチップを配置するのに問題があります：

const Tooltip = Quill.import('ui/tooltip') 
var quill = new Quill('#editor-container', { 
    modules: { 
    toolbar: [ 
     [{ header: [1, 2, false] }], 
     ['bold', 'italic', 'underline'], 
     ['image', 'code-block'] 
    ] 
    }, 
    placeholder: 'Compose an epic...', 
    theme: 'snow' // or 'bubble' 
}); 

quill.setText('Hello\nWorld!'); 
let myBounds = quill.getBounds(2, 1); 
let myTooltip = new Tooltip(quill, myBounds); 
myTooltip.show(); 

ツールチップがエディタの外に表示されます。ツールチップの作成に関する特定のAPIドキュメントが見つかりません。

Answer 1

私は、ツールチップ内にメソッドポジションを利用する必要があることを認識しました。 getBoundsなどの参照オブジェクトを渡すと、ツールチップが境界に表示されます。

const Tooltip = Quill.import('ui/tooltip'); 

var quill = new Quill('#editor-container', { 
    modules: { 
    toolbar: [ 
     [{ header: [1, 2, false] }], 
     ['bold', 'italic', 'underline'], 
     ['image', 'code-block'] 
    ] 
    }, 
    placeholder: 'Compose an epic...', 
    theme: 'snow' 
}); 

quill.setText('Hello\nWorld!'); 
let myBounds = quill.getBounds(10, 0); 
let myTooltip = new Tooltip(quill); 

document.querySelector("#editor-container").addEventListener("mouseover",()=>{ 
    myTooltip.show(); 
    myTooltip.position(myBounds); 
})