https://github.com/lpimem/hlc

An open-source web page highlighter
https://github.com/lpimem/hlc

chrome-extension efficiency web

Last synced: 3 months ago
JSON representation

An open-source web page highlighter

• Host: GitHub
• URL: https://github.com/lpimem/hlc
• Owner: lpimem
• License: gpl-3.0
• Created: 2017-03-25T22:37:03.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T00:00:59.000Z (about 3 years ago)
• Last Synced: 2024-11-12T11:39:44.574Z (over 1 year ago)
• Topics: chrome-extension, efficiency, web
• Language: TypeScript
• Homepage:
• Size: 27 MB
• Stars: 38
• Watchers: 4
• Forks: 5
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - lpimem/hlc - An open-source web page highlighter (chrome-extension)

README

          
# hlc

[![Build Status](https://travis-ci.org/lpimem/hlc.svg?branch=master)](https://travis-ci.org/lpimem/hlc)

----

A free open-source web-page annotation plug-in. This project is built upon [rangeblock](https://github.com/lpimem/rangeblock).

![](https://github.com/lpimem/hlc/raw/38c2d7d0ea2a08ac23c67bd0608441b27b0dfced/screenshots/highlight%20mode.gif)



## Current status

- [x] static web page 

- [x] dynamic web pages

- [x] persistent storage 

- [x] Google Sign-In

- [ ] More test and bug fix

## Install

A test version is published in [Chrome Web Store](https://chrome.google.com/webstore/detail/hlc/bmjibjpfhjbmiflkbblpfohdndhlaekg). 

Join our [discuss group](https://groups.google.com/forum/#!forum/hlc-better-web) to subscribe updates and notices.

## Usage 

Please find the detailed guide in [How to use](https://github.com/lpimem/hlc/blob/master/How-To-Use.MD).

## To contribute or play with the code 

```

git clone https://github.com/lpimem/hlc

cd hlc && npm install 

```

You may need to install [Node.js](https://nodejs.org/en/download/) first.

## Preview Screenshots

### On news site

![On News site](https://raw.githubusercontent.com/lpimem/hlc/526cb35f8d685aed617e1fea360843222950a4cb/screenshots/on%20tc.png)

### Generating notes in markdown format

![Notes](https://raw.githubusercontent.com/lpimem/hlc/526cb35f8d685aed617e1fea360843222950a4cb/screenshots/generate%20notes.png)

### On PDF.js pages

![pdf.js](https://raw.githubusercontent.com/lpimem/hlc/526cb35f8d685aed617e1fea360843222950a4cb/screenshots/on%20pdf.js%20page.png)

### On blogs 

![blog](https://raw.githubusercontent.com/lpimem/hlc/526cb35f8d685aed617e1fea360843222950a4cb/screenshots/on%20blog%20site%201.png)

![blog](https://raw.githubusercontent.com/lpimem/hlc/526cb35f8d685aed617e1fea360843222950a4cb/screenshots/on%20blog%20site%202.png)

## Credit

Logo icon is created by [OpenClipart-Vectors](https://pixabay.com/en/users/OpenClipart-Vectors-30363/)