PDFビューワのコンテキストメニューでは、デフォルトで「コピー」と「印刷」のオプションが表示されます。ただし、コンテキストメニューにカスタムオプション（選択テキストを検索エンジンで検索するオプションなど）を設定することも可能です。
以下の画像では、選択テキストの右クリックでカスタムコンテキストメニューを表示する例を示します。
次のサンプルコードは、PDFビューワでカスタムコンテキストメニューを設定する方法を示します。
| Index.cshtml |
コードのコピー
|
|---|---|
viewer.options.onBeforeOpenContextMenu = function (items, mousePosition, viewer) {
var selectedText = viewer.getSelectedText();
if (selectedText) {
//既存のアイテムを削除します
items.splice(0, items.length);
//カスタムコンテキストメニューを追加します
items.push({
type: 'button',
text: 'Googleで検索',
onClick: function () {
window.open('http://www.google.com/search?q=' + encodeURI(selectedText), '_blank');
}
});
items.push({
type: 'button',
text: 'Bingで検索',
onClick: function () {
window.open('https://www.bing.com/search?q=' + encodeURI(selectedText), '_blank');
}
});
}
return true;
};
|
|
次のサンプルコードは、PDFビューワのコンテキストメニューを無効にしてブラウザのコンテキストメニューを表示する方法を示します。
| Index.cshtml |
コードのコピー
|
|---|---|
var viewer = new DsPdfViewer("#root", { useNativeContextMenu: true }); |
|
注意：useNativeContextMenuの値はデフォルトでfalseに設定されています。この値をtrueに設定すると、いくつかのコンテキストメニューオプション（例えば、エディタや返信ツールの操作）が利用不可になります。