Vue.js 新聞

簡化了在富文本中嵌入視頻

11月 28, 2025
Froala Editor 4.7.1 支援新的 Vimeo 連結格式，讓編輯內預覽順暢，內容作者也能可靠地嵌入媒體。

Froala Editor is a lightweight, modern WYSIWYG (What You See Is What You Get) rich text editor designed for web applications, offering a clean interface, fast performance, and extensive customization options. Built with a focus on usability and developer flexibility, it provides a wide range of formatting tools, media management capabilities, and advanced features such as inline editing, collaborative functionality, and mobile responsiveness. Its modular architecture, robust API, and broad framework integrations make it suitable for embedding into enterprise-level platforms as well as smaller applications requiring a polished content-editing experience.

The Froala Editor 4.7.1 update improves the video plugin by adding support for the latest Vimeo link formats, allowing the editor to automatically recognize and embed new Vimeo URLs without manual adjustments. This enhancement ensures that videos reliably render and play directly inside the WYSIWYG editor, giving authors an immediate, accurate preview while reducing issues with incompatible or broken links and improving overall embedding consistency.

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

Froala Editor is licensed per product and domain. It is available as an annual or perpetual license with version upgrades and support. See our Froala Editor licensing page for full details.

For more information, visit our Froala Editor product page.

慶祝與 MDBootstrap 合作 2 周年

11月 25, 2025
ComponentSource 和 MDBootstrap 已經合作了 2 年，幫助開發人員構建視覺化、完全回應式網頁應用。

For the past two years, ComponentSource has proudly partnered with MDBootstrap to bring high quality UI tools to developers worldwide. Through this partnership, customers gain easy access to MDB’s rich collection of responsive, modern components and templates that help teams build polished and efficient web applications.

Material Design for Bootstrap, widely known as MDB, is a leading front end framework created for developers, by developers. It offers more than five thousand UI components and templates that help teams create visually appealing and fully responsive applications that follow Material Design principles. Trusted by a global community of more than three million developers and designers, and chosen by organizations such as NASA, Amazon, Nike and IKEA, MDB continues to be a reliable and influential tool within the ComponentSource catalog.

The collaboration between ComponentSource and MDBootstrap delivers real benefits to the developer community by combining MDB’s high-quality design tools with ComponentSource’s global reach, licensing expertise, and dedicated customer service. Together, they simplify the adoption of MDB solutions, supporting teams as they build faster and deliver modern, consistent digital experiences. ComponentSource looks forward to the future and to many more years of helping developers create exceptional web applications.

Learn more about MDBootstrap.

添加輪廓以視覺化圖表資料的漸層

11月 19, 2025
LightningChart JS v8.1 添加靈活的輪廓造型選項，幫助開發者精準突顯關鍵的數值範圍。

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing 2D and 3D charts. Ideal for applications demanding smooth real-time data updates, such as financial platforms, engineering tools, scientific research dashboards, and industrial monitoring systems, LightningChart JS provides a comprehensive API for customization and integration into web-based projects.

The LightningChart JS v8.1 update introduces built-in contour rendering for heatmap and surface charts, giving developers a straightforward way to highlight value transitions and gradients within complex datasets. The new contour capabilities automatically generate level lines and labels, while offering control over stroke and text styling for each contour level. This improves the clarity and interpretability of dense numerical data, reduces the need for custom rendering logic, and maintains high performance even when working with detailed datasets.

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

LightningChart JS is licensed per developer and is available as an annual license with 1 year support. See our LightningChart JS licensing page for full details.

For more information, see our LightningChart JS product page.

用互動式 Gantt 時間線視覺化專案

11月 18, 2025
amCharts 5：Gantt 提供可自訂的專案時間線，明確團隊間的排程、依賴關係、進度和資源配置。

amCharts 5: Gantt is a dedicated JavaScript and TypeScript component for building rich, interactive Gantt charts directly in web applications and dashboards. It is built on the modern amCharts 5 engine and provides everything developers need to visualize project schedules, timelines, and task dependencies using responsive, fast rendering HTML5 graphics. The component supports hierarchical task structures, category grouping, and flexible time scales, which makes it suitable for representing complex projects in a clear, compact, and professional format. With a robust API and straightforward integration in common front end stacks, amCharts 5: Gantt fits naturally into modern web architectures.

amCharts 5: Gantt offers a wide range of capabilities that help teams understand and manage work more effectively, including visual progress indicators, task linking with dependencies, support for milestones and events, and interactive markers for important dates. Charts can be configured as read only monitoring views or as fully interactive planning surfaces where users can drag tasks, adjust timings, update completion, and explore details through tooltips and selection. These strengths make the product an excellent choice for project management systems, resource and workload dashboards, product roadmaps, and visualization tools, wherever organizations need a clear and engaging way to communicate what is happening, what comes next, and how work is progressing.

amCharts 5: Gantt is licensed per developer on an annual or perpetual basis, with options for websites, SaaS and OEM distribution. See our amCharts 5: Gantt licensing page for full details.

For more information, visit our amCharts 5: Gantt product page.

從 Vue.js 應用程式列印試算表

11月 7, 2025
允許最終使用者透過將列印功能集成到您的應用程式中來查看、分發和存檔試算表資料。

The ability to print spreadsheets is a core feature that produces a physical copy or a formatted digital version, such as a PDF, of the data and layout contained within a spreadsheet file. This function allows users to review, distribute, archive, or present the original information that preserves the structure in a readable and consistent format. By configuring print settings, such as page orientation, scaling, and headers, users can control how the content appears on paper, ensuring clarity and professionalism in the output. It is especially useful for reports, financial statements, and records that need to be reviewed offline or submitted in a formal context.

Several Vue.js spreadsheet components enable printing, including:

  • SpreadJS by MESCIUS allows you to print spreadsheets with full control over pagination, scaling, headers, and print areas for polished output from Vue.js applications.
  • Jspreadsheet Pro enables in-browser table printing and exporting with consistent formatting, making it ideal for lightweight, client-side spreadsheet applications.
  • Syncfusion Vue Spreadsheet (part of Syncfusion Essential Studio Spreadsheet Editor SDK) provides end-users with advanced printing options for all spreadsheet content.

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

Compare Vue.js Spreadsheet Components