React PDF viewer v3.5.0 Release Notes

  • 🆕 New feature

    • Be able to customize the highlight elements when searching for a keyword:
    const searchPluginInstance = searchPlugin({
        renderHighlights: (highlightPositions: HighlightPosition[]) => (
            // Your custom highlight elements
        ),
    });
    

    👌 Improvements

    • 🔌 The highlight plugin supports double click. Users can double click to select the entire text of a given element

    • 🔌 The page navigation plugin allows to jump to the previous and next pages with shortcuts.

    Shortcut Action
    PageUp or Alt + ArrowUp Go to the previous page
    PageDown or Alt + ArrowDown Go to the next page

    0️⃣ The shortcuts are enabled by default. It's possible to disable them, for example:

    // Use the standalone page navigation plugin
    const pageNavigationPluginInstance = pageNavigationPlugin({
        enableShortcuts: false,
    });
    
    // Use the default layout plugin
    const defaultLayoutPluginInstance = defaultLayoutPlugin({
        toolbarPlugin: {
            pageNavigationPlugin: {
                enableShortcuts: false,
            },
        },
    });
    

    🐛 Bug fixes

    • Don't highlight the entire page when selecting multiple lines
    • 0️⃣ The default layout plugin throws an exception if the setInitialTabFromPageMode function returns a Promise which resolves an invalid tab index
    • 🔌 The highlight plugin throws an exception when double click a page without selecting any text
    • 🔌 The search plugin can't set the initial keyword when using with the highlight plugins