AnalogMemory / contentful-tables

A Contentful UI-Extension to add editable tabular data

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Contentful Tables

An ui-extension to add an editable table to handle tabular data as a Contentful UI Extension.

⚙️ Setup field Content Models

Add JSON Object field
figure

Configure appearance to use Contentful Tables
figure

📝 Editing Table

figure

✅ Easy Installation in Contentful Web App

  • In the contentful web app to to Settings > Extensions
  • Click the Add extension
  • Choose Install from Github
  • Paste this link https://github.com/AnalogMemory/contentful-tables/blob/master/extension.json

Manual Installation

git clone https://github.com/AnalogMemory/contentful-tables.git
cd contentful-tables
npm install

Configure

Create a configuration file with your credentials for Contentful.

cp .env.example .env

Open .env in a editor of your liking and add your Contentful space ID, and management token. Learn how to obtain a token.

Load environment variables

source .env

Create

npm run create

Create task will register the extension in your space on Contentful.

Update

npm run update

Update task will upload the extension to your space on Contentful.

License

Copyright © Contentful Developer Relations

Licensed under the MIT license.

About

A Contentful UI-Extension to add editable tabular data

License:MIT License


Languages

Language:HTML 100.0%