JavaScript / HTML5のニュース

タグとトークンの選択を手軽に管理

7月 16, 2024
トークンボックスデータ編集を使用すると、ユーザーは1つのテキスト入力フィールド内で複数のアイテムやトークンを簡単に入力、削除、および管理可能

Token boxes, also known as token input controls, are user interface elements designed to streamline data entry for multiple values. They allow users to input, manage, and manipulate discrete pieces of data (tokens) within a single form field. This enhances user experience by facilitating tagging, categorization, and selection of multiple items, while providing developers with a robust tool for intuitive interfaces. The benefits include improved clarity through visual separation of values, efficient data handling, and ease of use in applications like search filters, email address inputs, and tagging systems.

Many React data editor collections contain token box / input controls including:

  • DevExtreme Complete Data Editors (part of DevExtreme Complete by DevExpress) offers filtering suggestions as you type in your multi-select dropdown.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) lets you pick and manage multiple choices from a searchable list.
  • KendoReact Data Editors (part of KendoReact by Telerik) facilitates building user-friendly interfaces for selecting multiple options.

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

Compare React Data Editors

ユーザーがPDFファイルを直接マークアップ可能

7月 15, 2024
フリーハンドの注釈を使用すると、ユーザーは独自のカスタム描画要素を使用してドキュメント上の領域を強調できるため、コラボレーションが充実

The ability to draw freehand annotations in PDF viewers allows users to directly mark up documents with digital ink, creating visual cues like circles, arrows, or custom shapes that can enhance communication and clarity. This is particularly useful for tasks like highlighting key passages, identifying areas for revision, or providing feedback in a more intuitive way compared to traditional text-based annotations.

Several React PDF viewer components offer the ability to draw freehand annotations including:

  • Document Solutions for PDF by MESCIUS empowers you to personalize PDFs with freehand drawings for emphasis or feedback.
  • PrizmDoc Viewer by Accusoft offers freehand annotation tools to mark up documents with digital ink, enhancing clarity and communication.
  • Syncfusion PDF Viewer (part of Syncfusion Essential Studio Enterprise) facilitates freehand annotation with digital pen support, allowing for natural and expressive markups.

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

Compare React PDF Viewer Components

ReactグリッドアプリにPDFエクスポート機能を装備

7月 15, 2024
ReactアプリケーションからグリッドデータをPDFに直接エクスポートすることで、元のレイアウトとフォーマットを維持しながら、グリッドデータを簡単に配布・表示

Exporting a data grid to PDF captures the grid layout, including columns, rows, and formatting, and transforms it into a universally accessible and easily shareable document. The export creates a static file, retaining the original grid layout and formatting, that can be easily distributed and viewed consistently across different platforms and on any device with a PDF reader. Additionally, PDFs provide a secure format for preserving data integrity and can be protected against unauthorized editing, making them ideal for official documentation and archiving purposes. This functionality enhances collaboration and data dissemination efficiency by simplifying the sharing and printing processes while maintaining the original data structure and presentation.

Several React grid components allow you to export to PDF, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) enables users to export data grids to PDF in React, preserving layout and formatting.
  • KendoReact Data Grid (part of KendoReact by Telerik) offers React applications seamless PDF export functionality, retaining the structure and design for easy distribution.
  • BestReactGrid facilitates grid data export to PDF format in React applications, maintaining the original layout and style for professional data presentation and collaboration.
  • Ignite UI React Grid (part of Infragistics Ignite UI) streamlines the export of data grids to PDF, ensuring consistent representation of data for secure and accessible sharing.

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

Compare React Grid Components

Node.jsアプリでドキュメントに透かしを入れる

7月 12, 2024
GroupDocs.Watermark for Node.js via Javaを使用すると、PDFやMicrosoft Officeドキュメント、画像の透かしをアプリケーションで管理可能

GroupDocs.Watermark for Node.js via Java empowers developers with a powerful document watermarking solution designed to seamlessly integrate into Node.js applications. This library, leveraging the capabilities of the Java API, extends Node.js functionality to add, search for, and remove watermarks from various document formats. Supported formats include popular choices like PDF, Microsoft Office suite files (Word, Excel, PowerPoint), and common image formats (JPEG, PNG, etc.).

This robust solution offers a multitude of benefits for developers. It bolsters document security by embedding watermarks, such as text or images, to deter unauthorized copying. Customization options allow for fine-tuning watermark appearance, including font styles, opacity, and positioning within the document. GroupDocs.Watermark for Node.js via Java caters to various use cases, including protecting sensitive documents, branding presentations, and adding copyright information to images.

GroupDocs.Watermark for Node.js via Java is offered as Developer Small Business, Developer OEM, Site Small Business, and Site OEM licenses catering to a range of business needs. Licenses are perpetual, and include 1 year of support and maintenance. Subscription renewals are also available. See our GroupDocs.Watermark for Node.js via Java licensing page for full details.

GroupDocs.Watermark for Node.js via Java is available in the following products:

JavaScriptコンポーネントのデフォルトフォーカスポイント設定

7月 10, 2024
Wijmoビルド5.20241.19で追加されたfocusFirstユーティリティでは、開発者がプログラムで初期フォーカスを設定可能になり、キーボードのアクセシビリティが向上

Wijmo by MESCIUS is a comprehensive JavaScript library offering a suite of high-performance UI components and data grids specifically designed to streamline the development of modern enterprise applications. It emphasizes reduced development time and improved maintainability, along with a focus on performance through its efficient design and small module size. Wijmo integrates seamlessly with popular JavaScript frameworks like Angular, React, and Vue.js, and supports cutting-edge technologies like TypeScript, making it a versatile solution for building complex web applications.

The Wijmo 2024 v1 (Build 5.20241.19) update introduces a new focusFirst Utility that allows developers to set which part of a component should get the initial focus. Setting the first interactive element upon loading a container control improves accessibility by ensuring a clear starting point for keyboard interaction. For example instead of the default focus point of a login dialog being the username field, the email address field could be set as the initial focus point.

To see a full list of what's new in 2024 v1 (Build 5.20241.19), see our release notes.

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

Learn more on our Wijmo product page.