Code Monkey home page Code Monkey logo

easy-html-table-maker's Introduction

easy html table maker

What is this?

A GUI webapp tool for quickly generating html markup for tables.

How to use

Download the repo, unzip it and open index.html or view the github page

Contributions

8/25/2022 @twitchuser brahminha

Helped save my ass with the regex that handles CSV imports!

Font attribution

The font is Courier Prime Sans from quote unquote apps.

Courier Prime Sans is licensed under SIL Open Font License (OFL).

Icon Attribution

All icons are from icomoon

Icons used:

  • menu
  • menu2
  • menu3
  • menu4
  • paragraph-left
  • paragraph-center
  • paragraph-right

Colors

Contrast group A contrasts with group B and vice versa (WCAG 2.1 AAA @ regular text (>= 7:1 18pt)).

  • #202020 very dark grey (group A)
  • #5A524C dark grey
  • #D4BE98 light kind of brownish (group B)
  • #EDE4D4 very light brownish (groub B)
  • #DA9AAC light purpleish pinkish (group B)
  • #8DB686 minty green (group B)
  • #D8A657 butterscotch
  • #A4B162 grass
  • #EA6962 strawberry
  • #E78A4E yummy orange
  • #2F7B97 blue coconut

Changelog

1.0.0 stable

easy-html-table-maker's People

Contributors

arthvadrr avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

easy-html-table-maker's Issues

MS Word formatting on paste

Whenever pasting from Word into the editor inputs, styles (fonts, text-size, etc.) are being pasted as html, usually from text as a span.

The real problem is how messy the new HTML and styles are. Style properties are not allowed on child elements of the table element, only classes. The whole point of this tool is easy and clean html, after all.

It will likely be easier to disallow formatting to be pasted somehow, instead of trying to match it.

This will need to be done on paste (into the input), or maybe inputs support this out of the box somehow.

importing/exporting CSV still buggy

Unexpected behavior when importing some CSVs and some tables break on export. This is likely due to improper CSV formatting/reading. Needs investigating.

Rollup circular dependencies warning

reload.js is causing a circular depends warning in the terminal on bundle. The effected files are controls.js, colgroup.js, header.js, body.js, footer.js.

reload.js calls createTableEditor, which is read as being inside of createTableEditor's scope by rollup. Requiring createTableEditor in reload.js is what causes the circular dependency warning.

As createTableEditor can never be invoked inside of its own scope (it is passed on to an eventListener) this is probably OK. However, it would be nice to either come up with a different design to reload the editor (or to ignore the warning and move on with my life).

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.