knutsv/flex-table

此字段类型使在Craft中创建和编辑表格变得轻而易举。

安装: 28

依赖: 0

建议者: 0

安全: 0

星标: 4

关注者: 1

分支: 0

开放问题: 0

语言:Vue

类型:craft-plugin

2.0.4 2018-08-24 06:31 UTC

This package is not auto-updated.

Last update: 2024-09-29 05:48:33 UTC


README

此字段类型使在Craft中创建和编辑表格变得轻而易举。

Screenshot

要求

此插件需要Craft CMS 3.0.0或更高版本。

安装

要安装此插件,请按照以下说明操作。

  1. 打开您的终端并转到您的Craft项目

     cd /path/to/project
    
  2. 然后告诉Composer加载插件

     composer require knutsv/flex-table
    
  3. 在控制面板中,转到设置 → 插件,并点击FlexTable的“安装”按钮。

注意

此字段类型处于开发中。试用一下,但它边缘略显粗糙。

FlexTable概览

  • 像在Excel或其他电子表格程序中一样编辑表格,输入创建新行,制表符添加新列
  • 创建带有表格标题和表格说明的易访问表格

使用FlexTable

创建新字段并选择FlexTable字段类型,然后将字段添加到条目类型中。

当您编辑此类型的条目时,您将获得添加表格的选项。您可以选择创建表格的行数和列数,并可以选择一个表格标题布局作为开始。可以选择标题行、标题列或无标题。所有这些都可以稍后更改。

在编辑表格时,请点击单元格内部。您可以开始键入,也可以使用 tabshift + 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 提供