JavaScript / HTML5 News

Annotate PDFs with Precision and Flexibility

October 23, 2025
ONLYOFFICE Docs v9.1 adds PDF editing tools with smarter redaction, annotation, and visualization options for enhanced presentation.

ONLYOFFICE Docs is a comprehensive online editor, allowing users to create text documents, spreadsheets, presentations, and forms. It enables your users to edit, share, and collaborate on documents online in their preferred browser, within your own application. It is fully compatible with OOXML (Office Open XML) formats and supports popular Microsoft Office and other document formats such as CSV, DOC, DOCX, EPUB, HTML, ODP, ODS, ODT, PDF, PPT, PPTX, RTF, TXT, XLS, and XLSX.

The ONLYOFFICE Docs v9.1 update enhances the PDF Editor to provide a more efficient and secure document management experience for developers and teams. It introduces advanced redaction tools that allow precise removal of sensitive information, including the ability to find and redact specific terms or entire pages. The update also expands annotation capabilities with customizable shapes and drawing tools for clearer document markup. Additionally, developers can now embed charts and SmartArt graphics directly within PDFs, enabling better visualization of data and smoother integration of visual elements without leaving the editing environment.

To see a full list of what's new in v9.1.0, see our release notes.

ONLYOFFICE Docs Developer Edition is licensed by the number of simultaneous document connections and is available as an annual license with 1 year support and upgrades. See our ONLYOFFICE Docs Developer Edition licensing page for full details.

For more information, see our ONLYOFFICE Docs Developer Edition product page.

Manage Complex Data with Structured Editing Forms

October 22, 2025
Enhance productivity with a streamlined pop-up editor in the grid that enables accurate data editing without disrupting workflows.

A pop-up editor in a grid provides an efficient and user-friendly way to edit data directly within a grid interface without navigating to a separate page. When a record is selected for editing, a pop-up window appears above the grid, presenting all relevant fields in a clean, structured form. This approach streamlines data management by allowing focused edits while preserving the context of the main dataset. It is particularly beneficial for complex records that contain multiple fields, nested information, or require detailed validation. Common use cases include editing customer records in CRM systems, updating inventory details in product management dashboards, or modifying entries in administrative data grids. By combining convenience, clarity, and control, a pop-up editor enhances both productivity and the overall user experience.

Many React grid controls offer popup editors including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete) lets users edit records in a responsive pop-up form, improving complex data updates.
  • KendoReact Data Grid (part of KendoReact by Telerik) allows editing directly through an elegant pop-up interface, keeping workflows efficient and data entry clean and organized.
  • BestReactGrid facilitates seamless pop-up editing, offering an intuitive form-based experience for managing multi-field records without leaving the main grid.
  • MindFusion DataViews (part of MindFusion.JavaScript Pack) enables data modification through customizable pop-up dialogs, improving validation and consistency.

For an in-depth analysis of features and price, visit our comparison of React Grid Controls.

Compare React Grid Controls

Enable Runtime Data Binding in Angular Reports

October 22, 2025
Leverage the power of ActiveReportsJS to fetch live JSON data and bind it dynamically in your web application.

ActiveReportsJS is a robust JavaScript reporting tool that enables developers and report authors to seamlessly design and integrate interactive reports into web applications. It offers advanced features such as drill-down capabilities, runtime data filtering, and interactive parameters, enhancing the functionality and usability of reports. With compatibility across popular frameworks and the flexibility of its report designer component, ActiveReportsJS simplifies the visualization of diverse data sets, making it ideal for applications that require financial reporting, such as balance sheets, and other dynamic reporting needs.

In this blog post, MESCIUS Product Manager Joel Parks highlights real-world scenarios in where you can use ActiveReportsJS to provide users with the capability to define data sources on the fly, using Runtime Data Binding to dynamically inject data into your Angular Reporting component at runtime. Steps include:

  • Design-time setup
  • Building the Report
  • Integrating the Library
  • Binding Data

This powerful capability gives your application the flexibility to generate customized reports based on user input, server logic, or changing data sources, without forcing the report designer to predefine every field.

Read the full blog to get started building powerful, dynamic reports.

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.

Automatically Format Data in Your Reports

October 17, 2025
Interpret data and identify anomalies in your Angular reports by utilizing conditional formatting to dynamically highlight key data points.

Conditional formatting in a report is a feature that automatically applies visual styles, such as font or background color, to the content within the report based on logical conditions or the data values themselves. This technique allows users to highlight trends, anomalies, or key thresholds by dynamically adjusting the appearance of report elements according to predefined rules, which is especially useful in performance monitoring or exception tracking scenarios. It improves the readability of data-heavy reports by making important information stand out, helping users quickly identify patterns, exceptions, or performance issues. For developers and analysts, it provides a practical way to make complex datasets easier to interpret without manual intervention.

Several Angular reporting components allow you to apply conditional formatting, including:

  • DevExpress Reporting provides Angular applications with a range of data shaping options including the application of conditional formatting to highlight data in the report layout.
  • ActiveReportsJS by MESCIUS includes a rule designer that lets users configure appearance changes based on conditions such as value comparisons, ranges, or boolean logic.
  • Stimulsoft Reports.JS facilitates the conditional styling of components, enabling Angular developers to build reports that dynamically respond to conditions to highlight key data.

For an in-depth analysis of features and price, visit our comparison of Angular reporting components.

Compare Angular Reporting Components

Build Charts Faster in React Apps

October 17, 2025
Highcharts 12.4 introduces improved React integration, making it easier to incorporate interactive data visualizations directly within React workflows.

Highcharts is a JavaScript charting framework that allows web developers and data analysts to generate dynamic, visually appealing charts and graphs for websites and web applications. It can display a variety of chart types, including line, spline, area, column, bar, pie, scatter, and many more. Highcharts is well-known for its ease of use, rich documentation, and ability to handle huge datasets efficiently. Features include responsive design, accessibility support, and cross-browser compatibility. Its customization capabilities allow users to create bespoke data visualizations that increase engagement and provide insightful data presentations.

Highcharts has introduced a major update for React developers, focusing on a smoother and more natural experience when working with charts in React applications. The newly refined API now mirrors common React patterns, allowing developers to write less boilerplate and avoid workarounds. Integration is more seamless too - custom React components can be passed directly into chart configurations, enabling dynamic, reusable elements like tooltips and data-fetching containers without resorting to hacks. The update also brings full support for ECMAScript Modules (ESM), aligning with modern JavaScript standards and enabling better build optimization. With this release, Highcharts continues to provide a comprehensive set of chart types, from basic line graphs to advanced stock visualizations, all within a React-friendly environment.

Highcharts Core is licensed on an annual or perpetual basis, OEM licenses, and Advantage Renewals. It is licensed per Developer and has several license options including Internal, SaaS, SaaS+, and Self Hosted. See our Highcharts Core licensing page for full details.

Learn more on our Highcharts Core product page.