An open API service indexing awesome lists of open source software.

https://github.com/bestia-dev/chext_fill_form_from_json

Chrome extension to fill a form from json
https://github.com/bestia-dev/chext_fill_form_from_json

chromeextension javascript maintained ready-for-use

Last synced: 3 months ago
JSON representation

Chrome extension to fill a form from json

Awesome Lists containing this project

README

          

[//]: # (auto_md_to_doc_comments segment start A)

# chext_fill_form_from_json

**Chrome extension to fill a form from json**
***version: 1.0 date: 2021-12-17 author: [bestia.dev](https://bestia.dev) repository: [GitHub](https://github.com/bestia-dev/chext_fill_form_from_json)***

![maintained](https://img.shields.io/badge/maintained-green)
![ready_for_use](https://img.shields.io/badge/ready_for_use-green)
![chromeextension](https://img.shields.io/badge/chromeextension-yellow)
![javascript ](https://img.shields.io/badge/javascript-yellow)
![License](https://img.shields.io/badge/license-MIT-blue.svg)
![chext_fill_form_from_json](https://bestia.dev/webpage_hit_counter/get_svg_image/504794898.svg)

Hashtags: #javascript #chromeextension

It is published on Google WebStore:

Filling long web forms with repeated data is boring, tedious, time consuming and error prone.
It is better to save this data as json and use it multiple times to fill the forms.
Json is a simple text format that is a standard for web communication.
It is human readable and easy to edit, copy, save, send,...
The extension supports string and number in json. The extension supports name and ng-reflect-name in html.

## Security

This extension does not send any data over the network for security and privacy.
The extension can access only the active Tab.
It can get a json from an URL that you enter.
The source code is published on github and anybody can inspect it to see there is no malicious or dangerous code.

## OpenSource

This is an open source application. It is free of charge as free beer - MIT Licence.
Anybody can use this application and its source code for their needs.
Sure I would be happy to drink a free beer for your health. You could donate a beer on .

## Example 1 : copy/paste json

Open the json data file:

and copy the json to the clipboard (ctrl+a, ctrl+c).
Open the webpage:

start the extension and paste the data from the clipboard.
Click on `Fill form from json`.
Done.

## Example 2 : Fill from URL

Open the webpage:

start the extension and enter this URL:

Click on `Fill form from URL`.
Done.

## json from local file

Chrome extensions cannot by default access the local file system because of security.
You can run a local web server on your machine only for one folder and then you can access it in the browser as http://localhost/.
The local web server is NOT accessible from the internet. Your files can be read only from your local machine.
There are many small and simple local web servers for example: https://github.com/TheWaWaR/simple-http-server/releases

## Development

For development you can install it from the local disk.
In `` enable `Developer mode` and then use `Load unpacked`.

## Publishing

Publishing a Chrome Extension to Chrome Web Store is fairly easy.

## Open-source and free as a beer

My open-source projects are free as a beer (MIT license).
I just love programming.
But I need also to drink. If you find my projects and tutorials helpful, please buy me a beer by donating to my [PayPal](https://paypal.me/LucianoBestia).
You know the price of a beer in your local bar ;-)
So I can drink a free beer for your health :-)
[Na zdravje!](https://translate.google.com/?hl=en&sl=sl&tl=en&text=Na%20zdravje&op=translate) [Alla salute!](https://dictionary.cambridge.org/dictionary/italian-english/alla-salute) [Prost!](https://dictionary.cambridge.org/dictionary/german-english/prost) [Nazdravlje!](https://matadornetwork.com/nights/how-to-say-cheers-in-50-languages/) 🍻

[//bestia.dev](https://bestia.dev)
[//github.com/bestia-dev](https://github.com/bestia-dev)
[//bestiadev.substack.com](https://bestiadev.substack.com)
[//youtube.com/@bestia-dev-tutorials](https://youtube.com/@bestia-dev-tutorials)

[//]: # (auto_md_to_doc_comments segment end A)