Chia sẻ Chrome Extension - Highlighter Basic :D

jinhduong · November 10, 2021, 2:34am

Highlighter Basic

GitHub: https://github.com/jinhduong/highlighter-basic
Blog : http://jinhduong.github.io/
Chrome web store link : Highlighter Basic 0.1

Release 0.1 beta

Ctr + B: make highlight for selected text.

Shift + N: move to next red point position.

Ctrl + Shift + F: create the highlight file(.json).

Ctrl Shift + L: clear the highlight data for this page.

Import data type 1: Open extension popup, paste the json string and then click Import from text button.

Import data type 1: Open extension popup, Import from file, open file -> update to your page.

Red point: Right-click, choose “Make red point” and then type description.

Mình thì hay lướt web, đọc mấy bài viết thấy hay rồi nhiều khi muốn highlight mấy từ không hiểu (English ak) hoặc chỗ hay/quan trọng mà tìm hoài không thấy extension nào phù hợp cái thôi viết cái củ chuối xài từ từ rồi phát triển thêm linh tinh Tính up lên chrome store chơi cho vui mà phải tốn 5$ nên thôi để từ từ
Code mình viết củ chuối anh em đừng chém ai hứng thì viết thêm cho vui
Bạn nào muốn phát triển thêm hay down thì vào đây nhen (bản original mình đang viết lun, lộn xộn ì xèo ) : https://github.com/jinhduong/highlighter-basic (thanks bạn @thangngoc89 kiu mình up github )
Có video show hàng lun (làm để up lên cái chrome store đó mà, chứ ko phải mình màu mè gì ) https://www.youtube.com/watch?v=ikAD0byDC0A
Cách cài cho ai chưa biết nhé : http://superuser.com/questions/247651/how-does-one-install-an-extension-for-chrome-browser-from-the-local-file-system

Hình ảnh minh họa

thangngoc89 · April 11, 2016, 5:11pm

Sao bạn không up github nhỉ

dqh · April 11, 2016, 5:13pm

Nếu extension không upload lên store thì sau mỗi lần restart chrome sẽ bị disable đi, trừ khi bật dev mode.

jinhduong · April 11, 2016, 5:15pm

mình quên mất

jinhduong · April 11, 2016, 5:20pm

Đúng rồi bạn, phải bật devmode mới chạy đc thôi coi như đang phát triển

thangngoc89 · April 11, 2016, 5:23pm

Nếu quên thì có nghĩa là bạn không dùng git để phát triển à. Hay bất cứ version control system nào

jinhduong · April 11, 2016, 5:26pm

Mình viết local để xài cho mình trước mà, nên có dùng git đâu

thangngoc89 · April 11, 2016, 6:04pm

OK. . Bạn thật là siêu nhân

jinhduong · April 11, 2016, 6:19pm

Thật mà, siêu nhân gì trời, code xong quăng zô chrome chạy thôi mà

thangngoc89 · April 12, 2016, 4:42am

Nếu bạn muốn làm Open source chuyên nghiệp hãy tập dùng git cho bất kì dự án lớn nhỏ nào nhé

Vong_Hoang_Tuong · April 12, 2016, 8:02am

Hồi trước mình mày mò dùng Grunt để compile code, lúc đó copy mấy mẫu ví dụ mà config ngu thế nào ấy, nó xóa trắng code của mình luôn. May mà mình dùng Git nên mới revert lại commit trước được.
Từ đó dự án nhỏ như con muỗi, không phải Open source mình cũng sài Git. Cũng vì vụ đó mà tự dưng đâm ra hận thù Grunt nên giờ sài Gulp.

thangngoc89 · April 12, 2016, 8:08am

Từ lâu mình không dùng grunt/gulp hay task runner nào nữa rồi. Dùng npm làm task runner cho đơn giản

jinhduong · April 12, 2016, 9:21am

Bữa thử React thì thấy có webpack còn mấy cái còn lại chưa biết toàn cao thủ ko ah chỉ giáo chỉ giáo

Lovemagic · April 12, 2016, 3:14pm

Giống ý tưởng của mình quá :)) Thực ra nếu chỉ dừng đến đây thì có vài cái ext rồi. Hồi định code cái này là do bên firefox có thằng Vocabulary Highlighter, rất tiện, qua bên chrome k thấy. Hay bạn hợp tác viết tiếp cái này vs mình đy

jinhduong · April 12, 2016, 3:23pm

Rất sẵn lòng thôi , tối rảnh mình mới viết thêm function zô thôi ah (mới xong cái focus ).
Mình đang làm add thêm bên dưới cái highlight có cái descrtipion (desc = Eng hoặc note lại gì đó)

Lovemagic · April 12, 2016, 3:57pm

ừ bạn xem qua cái ext mình bảo bên ff, hover chuột qua hiện lên cái description là ok

jinhduong · April 12, 2016, 4:33pm

Cái này core function hoàn thành sớm

jinhduong · April 12, 2016, 5:29pm

Mình mới update function đó rồi đó, test nào

Lovemagic · April 12, 2016, 5:36pm

Bug bạn ơi, chọn từ đầu add thì k sao, từ sau add vô là nó thêm 1 span vào từ đầu

jinhduong · April 12, 2016, 5:49pm

Fixed - bạn lấy về test lại thử xem (sai sót to lớn )