Giter Site home page Giter Site logo

contentful-tables's Introduction

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.

contentful-tables's People

Contributors

analogmemory avatar dmcb avatar stefanjudis avatar vallypepyako avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

contentful-tables's Issues

I cannot edit the table

I installed the extension but I cannot edit the table. When I add an entry with my content model, all I get is a blank space for my JSON object. Did I miss something here?

Is it possible to merge cells or border lines?

I tried to use JSON object to create a custom table, but I realized that the object data is automatically sorted so that I was not able to use JSON object type.

I am still looking for a way to create a custom table with the features to merge cells or border line.

Adding title to contenful-tables

Hey, first of all thanks, cool extension. Is there any possibility to add a title to table content object? right now they are all saved as undefined with no option to change somehow.

Double Quotes

When trying to escape double quotes using /", for some reason, after saving the quotes get removed. I dont see any reg ex or any parsing in the app, and cannot figure out why?!

If i set the object field to default, and add the escape in the json blurb then save, the quote stays, but then after switching back to using this extension and saving we lose it again. Any ideas?

Embeding table in rich text editor

thank you for this cool extension.
Is there any way to embed this inside contentful rich text editor?
please suggest if you know any other way to add a table in rich text editor.

thank you

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.