https://github.com/caltechlibrary/csvtextarea

A Web Component for working with tabular data, migrated to CL-web-components.

https://github.com/caltechlibrary/csvtextarea

Science Score: 52.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • CITATION.cff file
    Found CITATION.cff file
  • codemeta.json file
    Found codemeta.json file
  • .zenodo.json file
    Found .zenodo.json file
  • DOI references
  • Academic publication links
  • Academic email domains
  • Institutional organization owner
    Organization caltechlibrary has institutional domain (www.library.caltech.edu)
  • JOSS paper metadata
  • Scientific vocabulary similarity
    Low similarity (9.1%) to scientific vocabulary

Keywords

csv-format web-component
Last synced: 6 months ago · JSON representation ·

Repository

A Web Component for working with tabular data, migrated to CL-web-components.

Basic Info
Statistics
  • Stars: 0
  • Watchers: 3
  • Forks: 0
  • Open Issues: 0
  • Releases: 3
Archived
Topics
csv-format web-component
Created 12 months ago · Last pushed 12 months ago
Metadata Files
Readme License Citation Codemeta

README.md

csvtextarea 0.0.3

CSVTextarea is a web component designed to work with tabular data. When you embed the element in a form or web page the innerHTML of the element was be treated as CSV data and then displayed in a table structure. If you use the component in a web form you may need to handle encoding and submission through the form's submit event handling. CSVTextarea has many attributes in common with a traditional textarea and a textarea can be used as a fall back if JavaScript or components are not available.

The goal of this web component is to provide a simple mechanism for working with multivalued fields that easily map to a simple column and rows representation.

Release Notes

  • version: 0.0.3
  • status: wip
  • released: 2025-02-28

Working proof of concept. CSVTextarea now supports change event details for cells and the ability retrieve and set individual cell values. Several key combination can now be used to edit the table content. Ctrl-a in a cell will select the cell. Ctrl-Right Arrow will select a row. If you press the backspace key when you have text select the selected text will be removed. The added clean up button now responds to shift+delete to cleanup the table.

Authors

  • Doiel, R. S.

Contributors

  • Mistral AI

Software Requirements

  • HTML5-compatible browsers

Uses: web browser

Related resources

Owner

  • Name: Caltech Library
  • Login: caltechlibrary
  • Kind: organization
  • Email: helpdesk@library.caltech.edu
  • Location: Pasadena, CA 91125

We manage the physical and digital holdings of the California Institute of Technology, provide services and training, and develop open-source software.

Citation (CITATION.cff)

cff-version: 1.2.0
message: "If you use this software, please cite it as below."
type: software
title: csvtextarea
abstract: "CSVTextarea is a web component designed to work with tabular data. When you embed the element in a form or web page the innerHTML of the element was be treated as CSV data and then  displayed in a table structure. If you use the component in a web form you may need to handle encoding and submission through the form's submit event handling. CSVTextarea has many attributes in common with a traditional textarea and a textarea can be used as a fall back if JavaScript or components are not available.

The goal of this web component is to provide a simple mechanism for working with multivalued fields that easily map to a simple column and rows representation."
authors:
  - family-names: Doiel
    given-names: R. S.
    orcid: https://orcid.org/0000-0003-0900-6903


repository-code: "https://github.com/caltechlibrary/csvtextarea"
version: 0.0.3
date-released: 2025-02-28

license-url: "https://caltechlibrary.github.io/csvtextarea/LICENSE"
keywords:
  - web component
  - user interface
  - html5
  - JavaScript

CodeMeta (codemeta.json)

{
  "@context": "https://w3id.org/codemeta/3.0",
  "type": "SoftwareSourceCode",
  "codeRepository": "https://github.com/caltechlibrary/csvtextarea",
  "author": [
    {
      "id": "https://orcid.org/0000-0003-0900-6903",
      "type": "Person",
      "givenName": "R. S.",
      "familyName": "Doiel"
    }
  ],
  "contributor": [
    {
      "id": "https://github.com/mistralai/mistral-src",
      "type": "Organization",
      "name": "Mistral AI"
    }
  ],
  "dateCreated": "2025-02-26",
  "dateModified": "2025-02-28",
  "datePublished": "2025-02-28",
  "description": "CSVTextarea is a web component designed to work with tabular data. When you embed the element in a form or web page the innerHTML of the element was be treated as CSV data and then  displayed in a table structure. If you use the component in a web form you may need to handle encoding and submission through the form's submit event handling. CSVTextarea has many attributes in common with a traditional textarea and a textarea can be used as a fall back if JavaScript or components are not available.\n\nThe goal of this web component is to provide a simple mechanism for working with multivalued fields that easily map to a simple column and rows representation.",
  "funder": "Caltech Library",
  "keywords": [
    "web component",
    "user interface",
    "html5",
    "JavaScript"
  ],
  "name": "csvtextarea",
  "license": "https://caltechlibrary.github.io/csvtextarea/LICENSE",
  "programmingLanguage": [
    "ECMAScript",
    "HTML"
  ],
  "runtimePlatform": "web browser",
  "softwareRequirements": [
    "HTML5-compatible browsers"
  ],
  "version": "0.0.3",
  "developmentStatus": "wip",
  "issueTracker": "https://github.com/caltechlibrary/csvtextarea/issues",
  "releaseNotes": "Working proof of concept. CSVTextarea now supports change event details for cells and the ability retrieve and set individual cell values. Several key combination can now be used to \nedit the table content. Ctrl-a in a cell will select the cell. Ctrl-Right Arrow will select a row. If you press the backspace key when you have text select the selected text will be \nremoved. The added clean up button now responds to shift+delete to cleanup the table."
}

GitHub Events

Total
  • Create event: 3
  • Release event: 3
  • Issues event: 1
  • Issue comment event: 1
  • Public event: 1
  • Push event: 15
Last Year
  • Create event: 3
  • Release event: 3
  • Issues event: 1
  • Issue comment event: 1
  • Public event: 1
  • Push event: 15