30/09/2018, 20:25

Chia sẻ Chrome Extension - Highlighter Basic :D

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

Khoa Nguyen viết 22:38 ngày 30/09/2018

Sao bạn không up github nhỉ

Đinh Quốc Hân viết 22:36 ngày 30/09/2018

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.

Hoàng Dĩnh viết 22:35 ngày 30/09/2018

mình quên mất

Hoàng Dĩnh viết 22:28 ngày 30/09/2018

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

Khoa Nguyen viết 22:26 ngày 30/09/2018

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

Hoàng Dĩnh viết 22:40 ngày 30/09/2018

version control system

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

Khoa Nguyen viết 22:35 ngày 30/09/2018

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

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

Hoàng Dĩnh viết 22:27 ngày 30/09/2018

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

Khoa Nguyen viết 22:41 ngày 30/09/2018

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é

null viết 22:32 ngày 30/09/2018

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.

Khoa Nguyen viết 22:38 ngày 30/09/2018

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

Hoàng Dĩnh viết 22:41 ngày 30/09/2018

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

viết 22:32 ngày 30/09/2018

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

Hoàng Dĩnh viết 22:25 ngày 30/09/2018

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ì đó)

viết 22:39 ngày 30/09/2018

ừ 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

Hoàng Dĩnh viết 22:32 ngày 30/09/2018

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

Hoàng Dĩnh viết 22:34 ngày 30/09/2018

hover chuột qua hiện lên cái description

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

viết 22:29 ngày 30/09/2018

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

Hoàng Dĩnh viết 22:37 ngày 30/09/2018

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

lx viết 22:25 ngày 30/09/2018

Hi bạn, mình xem qua video thì thấy rất tuyệt. Mình có câu hỏi nhỏ là bạn chưa thông tin về highlight ở đâu vậy?

Bài liên quan
0