无障碍表格创建编辑器

0 我的世界肝帝玩家 2小时前 58次点击

最近呢,也是放假无聊到一种程度了,于是趁着无聊就做了一个表格创建编辑的一个网页

下面来看它的优缺点以及体验

表格创建器工具特性与现状说明​

一、核心已实现功能​

表格基础创建:支持一键生成初始1行1列的空白表格,单元格以文本输入框形式呈现,可直接输入、编辑内容(无输入长度限制)。​

行列扩展操作:表格右侧配备“添加新列”按钮、下方配备“添加新行”按钮,点击可实时新增列/行,行列数量无明确上限,新增单元格默认空白状态。​

本地表格导入:支持导入本地.xlsx、.xls、.csv格式文件,导入时会解析文件第一个工作表数据,自动适配原表格行列结构,空白单元格以空值填充,导入过程显示加载动画提示。​

文件导出功能:支持导出.html和.xlsx两种格式文件,导出流程包含两步:①自定义输入文件名(未输入时默认以“表格_时间戳”命名);②选择导出格式;最终文件会打包为.zip压缩包下载。​

基础交互适配:输入框聚焦时边框高亮,按钮hover时背景加深,支持窗口大小调整后自动同步“添加行列”按钮与单元格的尺寸适配,移动端支持触控操作。​

二、未实现功能​

行列删除功能:仅支持新增列/行,无删除多余列、行的操作入口,一旦新增无法撤销。​

单元格格式设置:不支持调整字体大小、颜色、对齐方式,无单元格合并/拆分、边框样式修改等格式功能。​

多工作表支持:导入时仅解析文件第一个工作表,忽略其他工作表;导出时仅生成单个工作表,不支持多工作表管理。​

数据相关功能:无数据搜索、筛选、排序、批量编辑功能,不支持单元格数据验证(如数值范围、格式限制)。​

本地存储与自动保存:未集成localStorage或会话存储功能,刷新页面、关闭浏览器后未导出的数据会直接丢失,无自动保存或恢复功能。​

更多导出格式:仅支持.html和.xlsx格式,未实现.csv、.txt等常用文本格式导出,且导出文件强制打包为.zip,不支持直接下载原格式文件。​

错误处理与反馈:导入失败(如文件损坏、格式不兼容)时无明确错误提示,仅默认初始化空白表格;导出时未选择格式或无数据时无任何反馈,操作无响应。​

三、已知缺点与体验短板​

数据安全性不足:无自动保存机制,也无“是否离开页面”的二次确认提示,误刷新、误关闭页面会导致未导出数据永久丢失。​

当然这玩意的数据安全你就放心吧,这个网页没有任何收集数据的功能,全部都是本地操作的

导出流程冗余:导出文件必须通过.zip压缩包形式下载,用户需额外解压才能使用原文件,增加操作步骤。​

操作灵活性欠缺:无撤销/重做功能,输入错误或误新增行列后无法恢复;单元格无复制、粘贴、剪切功能,数据迁移不便。​

导入适配局限:导入文件时未处理特殊数据格式(如日期、数值、公式),所有数据均以纯文本形式呈现,公式会直接显示原表达式而非计算结果。​

视觉与交互细节缺失:无表格标题设置功能,单元格无占位提示文本;导出模态框无默认文件名建议,格式选择无默认选中状态;无操作成功提示(如导出完成、导入成功)。​

兼容性与适配问题:未明确兼容低版本浏览器,可能存在部分老旧浏览器无法解析XLSX/CSV文件的情况;移动端输入框尺寸未做专项优化,小屏幕下可能出现操作拥挤。​

功能逻辑冗余:导出文件本身无需压缩(.html和.xlsx均为单个文件),强制打包为.zip属于多余操作,增加下载耗时与存储占用。​

作者的话

目前这玩意只是一个初步,是1.0版本,支持的功能特别的少

后续更新版本会想办法添加

后续也会优化一些bug啊什么的

这玩意还是纯前端运行,没有后端,也没有弄服务器

总之后续再说

点击此处跳转浏览器打开表格创建器1.0
共 1 条评论
青青子衿 1小时前
0 
我就默默看着你装
添加一条新评论

登录后可以发表评论 去登录