https://github.com/caltechlibrary/csvtextarea
A Web Component for working with tabular data, migrated to CL-web-components.
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
Repository
A Web Component for working with tabular data, migrated to CL-web-components.
Basic Info
- Host: GitHub
- Owner: caltechlibrary
- License: other
- Language: JavaScript
- Default Branch: main
- Homepage: https://caltechlibrary.github.io/CL-web-components
- Size: 385 KB
Statistics
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
- Releases: 3
Topics
Metadata Files
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
- Website: https://www.library.caltech.edu/
- Repositories: 84
- Profile: https://github.com/caltechlibrary
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