JavaScript / HTML5 新聞

精確突出顯示關鍵 PDF 內容

7月 25, 2025
矩形注釋允許使用者標記 PDF，從而使審閱、批准和協作編輯更有效、視覺更清晰。

Rectangle annotations in PDF viewer components enable users to highlight, mark, or comment on specific areas within a PDF document by drawing rectangular shapes. This feature is commonly used for reviewing documents, collaborating on content, or emphasizing sections in technical or legal workflows. It enhances user interactivity within the viewer, allowing for visual references and context-specific notes without altering the original document content.

Several React PDF viewer controls offer rectangle annotations including:

  • Document Solutions for PDF by MESCIUS provides rectangle annotations as part of its comprehensive annotation API, supporting precise placement and customization.
  • PrizmDoc Viewer by Accusoft includes rectangle annotations within its markup and redaction tools, offering collaborative editing capabilities with server-side processing.
  • Syncfusion PDF Viewer (part of Syncfusion Essential Studio Enterprise) supports interactive rectangle annotations through its built-in annotation toolbar.

For an in-depth analysis of features and price, visit our React PDF viewer controls comparison.

Compare React PDF Viewer Controls

在 Vue.js 應用程式中將資料網格導出為 JSON

7月 24, 2025
以 JavaScript Object Notation（JSON）匯出表格資料，這種格式易於解析並與其它系統集成。

Exporting a data grid to JSON format is a common feature in modern web-based data tools that involves converting the structured data displayed in a grid, such as rows and columns representing records and fields, into JavaScript Object Notation (JSON), a lightweight, text-based format commonly used for data interchange. This process enables the grid's contents to be saved in a machine-readable structure that preserves the hierarchy and attributes of the data, making it easily consumable by web services, APIs, or other applications. The benefits of exporting to JSON include its compatibility with a wide range of programming environments, ease of integration with frontend and backend systems, and suitability for transmitting data across networked systems or persisting it for later use in client-side operations or remote storage.

Several Vue.js grid controls allow you to export to JSON, including:

  • FusionGrid by FusionCharts works with Vue.js and allows you to export grid data to JSON, enabling seamless integration with APIs and JavaScript-based applications.
  • jQWidgets Grid (part of jQWidgets) offers a straightforward method to convert visible grid data to JSON in Vue.js apps, preserving data types and custom formatting.
  • Jspreadsheet Pro Data Grid (part of Jspreadsheet Pro) enables Vue.js applications to export spreadsheet-style data to JSON, ideal for syncing with databases or external services.
  • DataGridXL facilitates JSON output from grid data, ensuring compatibility with modern frameworks and smooth data handling in JavaScript-driven workflows.

For an in-depth analysis of features and price, visit our comparison of Vue.js grid controls.

Compare Vue.js Grid Controls

用更智慧的聚合比較資料

7月 24, 2025
Stimulsoft Reports.JS 可以使用平均值、總和、最小值和最大值等聚合函數來比較基於時間的資料，以定製圖表。

Stimulsoft Reports.JS provides a robust reporting toolkit designed specifically for JavaScript applications. This library leverages a client-side architecture, offering a pure JavaScript report engine for efficient report rendering directly within web browsers. The solution includes a user-friendly report designer for building reports with various data sources and visualizations, along with a report viewer for seamless integration and display within your JavaScript applications. This eliminates the need for server-side dependencies or browser plugins, simplifying the development process for embedding powerful reporting functionalities into your web projects.

Stimulsoft Reports.JS now supports aggregation for Date Time Step, allowing developers to select from multiple data aggregation functions including Average, Sum, Min, Max, and Count. This enhancement provides greater control over how time-based data is grouped and displayed in report charts, enabling more accurate and relevant visualizations based on the specific nature of the dataset. By choosing the appropriate aggregation method, developers can optimize performance reporting, reveal insights more effectively, and better align visual outputs with analytical requirements.

Stimulsoft Reports.JS is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our Stimulsoft Reports.JS licensing page for full details.

Stimulsoft Reports.JS is available individually or as part of Stimulsoft Ultimate.

用卡片佈局直觀地顯示資料

7月 22, 2025
DevExtreme Complete v25.1 添加新的 CardView，其提供了一個圖像友好的佈局，非常適合在傳統網格之外展示資料。

DevExtreme Complete is a robust suite of tools by DevExpress designed to streamline the development of high-performance web applications. It includes a wide range of UI components for modern frameworks such as Angular, React, Vue, and jQuery, making it ideal for developers aiming to create responsive, cross-platform applications with ease. With features like rich data visualization, interactive grids, form controls, and adaptive layouts, it empowers developers to deliver polished and user-friendly interfaces. Whether you're building enterprise dashboards or consumer-facing apps, DevExtreme Complete provides the flexibility and power to meet complex requirements while maintaining performance and usability.

The DevExtreme Complete v25.1 release adds a new CardView component, which presents data in a card-based layout instead of the traditional grid format. It’s particularly suited to use cases like employee directories, contact lists, product catalogs, and task boards - any scenario where visual content such as images plays a central role. Each card includes a toolbar, cover image, main content area, and footer, all of which can be modified using the component's public API. This gives developers the flexibility to adapt the layout and behavior of CardView to meet specific application requirements.

To see a full list of what's new in version v25.1, see our release notes.

DevExtreme Complete is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. See our DevExtreme Complete licensing page for full details.

DevExtreme Complete is available to buy individually or as part of the following products:

將 HTML 呈現為 PDF 以獲得準確的輸出

7月 18, 2025
HTML 轉換為 PDF 以可移植格式保留 Web 佈局和樣式，非常適合用於報告、報表或動態文件。

Converting HTML files to PDF within PDF component libraries offers an easy way to capture richly styled, web-based content in a fixed, shareable format. This feature typically uses a browser-like rendering engine to accurately represent CSS, images, fonts, and links, ensuring that what you see in the browser is preserved in the document. It's especially useful for generating reports, invoices, documentation, and static snapshots of dynamic web pages, combining familiarity of web-based layout with the portability and consistency of PDFs.

Several JavaScript PDF controls offer HTML fo PDF conversion including:

  • Kendo UI PDF for Angular (part of Kendo UI by Telerik) enables client-side export of any HTML element or entire pages directly into PDF..
  • Aspose.PDF for JavaScript via C++ includes a robust HTML-to-PDF conversion engine (available in both on-premise and cloud APIs) that supports external CSS and resources.
  • IronPDF for Node.js by Iron Software leverages a Chromium-based rendering engine to convert HTML strings, files, or URLs into PDF documents.

For an in-depth analysis of features and price, visit our JavaScript PDF controls comparison.

Compare JavaScript PDF Controls