knutsv / flex-table
此字段类型使在Craft中创建和编辑表格变得轻而易举。
2.0.4
2018-08-24 06:31 UTC
Requires
- craftcms/cms: ^3.0.0
This package is not auto-updated.
Last update: 2024-09-29 05:48:33 UTC
README
此字段类型使在Craft中创建和编辑表格变得轻而易举。
要求
此插件需要Craft CMS 3.0.0或更高版本。
安装
要安装此插件,请按照以下说明操作。
-
打开您的终端并转到您的Craft项目
cd /path/to/project
-
然后告诉Composer加载插件
composer require knutsv/flex-table
-
在控制面板中,转到设置 → 插件,并点击FlexTable的“安装”按钮。
注意
此字段类型处于开发中。试用一下,但它边缘略显粗糙。
FlexTable概览
- 像在Excel或其他电子表格程序中一样编辑表格,输入创建新行,制表符添加新列
- 创建带有表格标题和表格说明的易访问表格
使用FlexTable
创建新字段并选择FlexTable字段类型,然后将字段添加到条目类型中。
当您编辑此类型的条目时,您将获得添加表格的选项。您可以选择创建表格的行数和列数,并可以选择一个表格标题布局作为开始。可以选择标题行、标题列或无标题。所有这些都可以稍后更改。
在编辑表格时,请点击单元格内部。您可以开始键入,也可以使用 tab
、shift + tab
或箭头键移动到不同的单元格。
如果您选择一个单元格(不编辑内容),可以右键单击以获取上下文菜单。此菜单允许您添加行和列,更改单元格、行或列类型,以及更改单元格、行或列对齐。您还可以删除行和列。
模板化
您可以使用字段的返回数据如下
<table> <caption>{{ entry.field.meta.caption }}</caption> <thead> {% for row in entry.field.thead %} <tr> {% for cell in row %} <{{ cell.type }} align="{{ cell.align }}">{{ cell.text }}</{{ cell.type }}> {% endfor %} </tr> {% endfor %} </thead> <tbody> {% for row in entry.field.tbody %} <tr> {% for cell in row %} <{{ cell.type }} align="{{ cell.align }}">{{ cell.text }}</{{ cell.type }}> {% endfor %} </tr> {% endfor %} </tbody> </table>
FlexTable路线图
一些要做的事情以及潜在功能的想法
- 浏览器测试(目前仅在Chrome中测试过)
- 主要的GUI改进(使其更像Excel)
- 实现从Excel/CSV的复制/粘贴(导入)
由 Knut Svangenplotz 提供