検索

ビューア構成におけるネイティブテキスト検索

Doconut Viewer は、フォーマットビューアによって抽出されたテキストまたはテキストベースの PDF リダイレクトを使用した通常の検索を提供します。Search ライセンス機能が必要です。

検索 UI を有効にする

Search は Viewer のモジュールであり、スタンドアロンのツールバーではありません。完全なページには Viewer リソース、Viewer ツールバー、Viewer のマウント、および初期化された objViewer が含まれている必要があります。その後、Search リボンがマウントされ、同じインスタンスに添付されます。

Search とアノテーションは組み込みのライセンス機能であり、AddPlugin<T>() パッケージではありません。注入された Viewer から検索リソースを要求します。ライセンスが Search を許可した場合にのみ、タグが出力されます。

html
@Html.Raw(Viewer.ReferenceCss(new CssConfig
{
    IncludeViewerCss = true,
    IncludeSearchCss = true
}))

@Html.Raw(Viewer.ReferenceScripts(new ScriptConfig
{
    IncludeJQuery = true,
    IncludeViewerScripts = true,
    IncludeSearchScripts = true,
    IncludeSearchBar = true
}))

埋め込みリボンは、カスタム UI で利用可能な同じ JavaScript メソッドを呼び出します。

マークアップ内で完全な Viewer 構成を可視化したまま、まず docViewer を初期化し、次にライセンスされたリボンを添付します。

html
<nav id="toolbar" aria-label="Document viewer controls">
    <!-- Viewer controls, including the button that opens Search -->
</nav>
<div id="searchBarMount"></div>
<div id="divDocViewer"><div id="div_ctlDoc"></div></div>

<script>
    let searchBar = null;
    let currentToken = '';

    const objViewer = $('#div_ctlDoc').docViewer({
        BasePath: '/doconut',
        ResPath: '/doconut-res/images'
    });

    @if (Viewer.IsSearchEnabled)
    {
        <text>
    searchBar = $('#searchBarMount').doconutSearchBar({
        docId: 'ctlDoc',
        getRequestParams: () => ({ token: currentToken }),
        onStatus: (message) => console.log(message),
        onToast: (message, type) => console.log(type, message),
        onLayout: () => requestAnimationFrame(() => objViewer.Refit())
    });
    searchBar.attach(objViewer);
        </text>
    }
</script>

このコンポーネントは Find、Options、Results グループを注入し、検索、クリア、マッチ数、前後のマッチナビゲーションを処理します。ホスト所有の Viewer ツールバーはそれを切り替えるだけで済みます。

javascript
searchBar.isOpen() ? searchBar.close() : searchBar.open();

その公開 API は意図的にシンプルです。

メソッド目的
attach(objViewer)リボンを初期化されたビューアに接続します。1 回だけ必要です
open() / close()リボンを表示または非表示にします。閉じるとハイライトもクリアされます
reset()現在の検索語、結果数、ハイライトをクリアします
isOpen()リボンが表示されているかどうかを返します
setStatus(message)設定されたコールバックを通じてステータスメッセージを転送します

オプションの onToggle(isOpen) コールバックにより、ホストは Search ボタンと同期させることができ、onLayout によりリボンの高さが変わったときにビューアのサイズ変更/再フィットが可能です。Viewer、Search、Annotation を組み合わせた起動シーケンスについては、クイックスタート を参照してください。

JavaScript から検索

javascript
objViewer.Search(keyword, false, function (resultCount) {
    console.log('Matches:', resultCount);
});

2 番目の引数は単語全体/完全一致です。コールバックの後:

メソッド結果
SearchMatchCount()ドキュメント内の個別マッチの総数。
SearchSummary(false)再描画せずに [pageNumber, matchCount] エントリを取得します。
SearchSummary(true)同じサマリーで、ページ/サムネイルのハイライトを描画します。
GotoSearchMatch(index)0 ベースのインデックスでマッチへ移動します。

ミドルウェアのルートは search=<term>exact=true|false を使用し、XML を返します。内部レスポンスを自分で解析するのではなく、ウィジェット API を使用してください。

検索機能の確認

初期化レスポンスは次のように報告します:

text
X-Doconut-Can-Search: 1

初期化後、objViewer.CanSearch() は同じフォーマット/セッションの判定を公開します。サーバーが 0 を送信した場合は false を返します。レスポンスが無い場合やヘッダーを省略する古いサーバーの場合はデフォルトで true になります。

混同してはいけない 3 つの独立したゲートがあります:

ゲート質問
CanSearch() / response header解決されたビューアにネイティブインデックス/検索パスがありますか?
AllowSearchこのフォーマット設定は、スイッチが存在するテキスト抽出を要求しましたか?
LicenseCapability.Searchアプリケーションは検索を実行し、UI バンドルを受け取る権限がありますか?

フォーマットは技術的に検索可能でも、現在のライセンスが操作を拒否することがあります。

フォーマットごとの抽出を有効にする

csharp
var token = await viewer.OpenDocumentAsync(path, new PdfConfig
{
    AllowSearch = true,
    AllowCopy   = true   // optional: lets the user drag a region and copy its text
});

AllowSearchAllowCopyPdfConfigWordConfigExcelConfigPptConfig に存在します。Office のプロパティはそれらのネストされた PdfConfig に委譲します。両方ともデフォルトは false です。

PDF、Word、Excel、PowerPoint、TXT、Visio、メール、EPUB、MHT 用の標準的なネイティブ検索アダプタが存在します。XPS はデフォルトで PDF パスを使用します。HTML と Microsoft Project はテキストベースの PDF リダイレクトの恩恵を受けます:

csharp
// DefaultRender = false → converted to a text-based PDF → searchable
var token = await viewer.OpenDocumentAsync(path, new HtmlConfig { DefaultRender = false });

ネイティブレンダラの場合、CanSearch() はビューアの機能を示しますが、特定のドキュメントに使用可能なテキストが含まれていることを保証するわけではありません。ページがスキャン画像のみの PDF でも、ネイティブ結果はゼロになることがあります。

標準的な検索動作

サーバーは次の順序で検索ソースを試みます:

  1. ネイティブ ISearchableViewer の結果。
  2. 事前構築された .srh 検索インデックス。
  3. 検索ソースが存在しない場合のエラー/空結果。

CanSearch() は、特定のドキュメントにテキストレイヤーがなく、結果が返らない場合でも、検索可能なビューアでは true になることがあります。

ライセンスと UI の動作

アクティブな Temporary/Demo ライセンスは有効期間中に Search を許可します。ライセンスが無い場合やレガシーな TRIAL ファイルは Search 機能を付与しません。Search が無い場合:

  • ReferenceCssReferenceScripts は検索バンドルを省略します。
  • ミドルウェアはライセンスされた結果を返す代わりに検索を拒否します。

カスタム UI の可視性は IDoconutLicenseService.IsCapabilityGranted(LicenseCapability.Search) で制御し、個別のフォーマット/セッションの判定には CanSearch() を使用してください。

トラブルシューティング

症状確認項目
検索バーが表示されないSearch 機能と IncludeSearchCss/IncludeSearchScripts/IncludeSearchBar を確認してください
CanSearch() が falseフォーマットビューア、選択された DefaultRender パス、初期化レスポンスヘッダーを確認してください
スキャンされた PDF の検索結果がゼロドキュメントにテキストレイヤーがありません。テキストを含むソースまたはテキストを保持する PDF プロジェクションを使用してください
検索は機能するがハイライトがずれるレンダリングパス、解像度、ドキュメント変換、抽出された単語ボックスを確認してください

このページは役に立ちましたか?