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 clickImport 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
Sao bạn không up github nhỉ
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.
mình quên mất
Đúng rồi bạn, phải bật devmode mới chạy đc thôi coi như đang phát triển
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
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
Thật mà, siêu nhân gì trời, code xong quăng zô chrome chạy thôi mà
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é
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.
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
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
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
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ì đó)
ừ 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
Cái này core function hoàn thành sớm
Mình mới update function đó rồi đó, test nào
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
Fixed - bạn lấy về test lại thử xem (sai sót to lớn )
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?