TOAST.UI：免费、开源的交互式 JavaScript 应用程序组件

野性酷女 2023-09-28 08:17 106阅读 0赞

在做一个项目时，我需要一个日历库。正如我对每个项目所做的那样，我倾向于不使用以前使用过的库，而是尝试学习和使用新的东西。

这就是我发现 Toast.ui 的原因，它是一个功能丰富的开源 UI 库，用于构建生产就绪型应用程序。

### **Toast.ui 提供什么？** ###

Toast.ui 提供了完整的应用程序和您可以使用的基于应用程序的独立组件。

#### **应用** ####

**1- 日历**

**日历**：一个完全可定制的日历库，具有多个日历视图、拖放和调整大小选项。与其他类似的免费和开源库不同，Toast.ui 日历提供了一种反应式的内联事件的创建、编辑和删除，而不费吹灰之力。日历库带有内置的弹出窗口支持。

**2- 图表**

![f07e42cdc14f7d44f51a6ae4c5cce190.png][]

Toast.ui 提供多种图表类型和开发人员友好的 API。

**Toast.ui 可用图表：**

1.  折线图、柱状图、条形图
2.  子弹
3.  箱形图
4.  树状图
5.  热图
6.  分散
7.  气泡
8.  雷达
9.  馅饼
10. 线区
11. 线散射
12. 列线
13. 嵌套馅饼
14. 径向杆
15. 测量

**3-编辑器**

**Toast.ui Editor**是一个高度可配置的 WYSIWYG 和 Markdown 编辑器，您可以轻松地嵌入到您的 Web 应用程序中。它有三个版本：纯 JavaScript 版本、React 版本和 Vue 版本。此外，您可以使用插件对其进行扩展。Toast.UI 编辑器提供实时预览、滚动同步和内置语法突出显示。它还支持多语言、小部件、表格、图片上传、Markdown/HTML 模式切换和暗模式。

**3- 网格：动态数据表。**

Toast.UI Grids 提供了一个高度动态的数据表，可帮助您显示、过滤、搜索、排序和编辑动态数据。Grid 还提供完整的 JavaScript 支持，以及 Vue 和 React 组件包装器。

以下是它的一些很酷的功能：

1.  完全可定制的多列标题
2.  列之间的关系结构
3.  不同的数据源
4.  树数据表示
5.  键盘导航
6.  单元格的多个输入字段
7.  内置分页
8.  固定列
9.  数据验证
10. 单元格合并
11. 可定制的样式

**4-图像编辑器**

Toast.ui 是一个完全嵌入式的基于 Web 的图像编辑器，完全支持通过浏览器进行的几乎所有图像操作。这是我测试过的轻量级脚本，没有对 Google Chrome 和 Mozilla Firefox 造成任何问题。

#### **成分** ####

1.  选色器
2.  自动完成
3.  应用程序加载器
4.  上下文菜单
5.  日期选择器
6.  滚动
7.  选择框
8.  时间选择器
9.  树
10. 分页

你可以在你的项目中独立使用 Toast.ui 库，我在一些 Meteor 项目中分别使用日历和网格，它们的工作就像一个魅力。一些库提供 Vue 和 React 版本。

### **资源** ###

*  [TOAST UI :: Make Your Web Delicious! | TOAST UI :: Make Your Web Delicious!][TOAST UI _ Make Your Web Delicious_ _ TOAST UI _ Make Your Web Delicious]

[f07e42cdc14f7d44f51a6ae4c5cce190.png]: https://img-blog.csdnimg.cn/img_convert/f07e42cdc14f7d44f51a6ae4c5cce190.png
[TOAST UI _ Make Your Web Delicious_ _ TOAST UI _ Make Your Web Delicious]: https://ui.toast.com/