xyx-is/editable-qr-generator

Editable and configurable offline QR Code generator Web extension addon

Editable QR Generator

Editable and configurable offline QR Code generator Web extension addon.

Features

• Editable: You can generate QR Code from any text.
• Configurable: You can configure error correction level, size, and mask pattern etc.
• Offline: QR Code is generated offline. This addon never generates web connection.
• Minimal permissions: This addon only requires "activeTab" permissions to get the URL and the title of the current page. Please verify the ./manifest.json.
• Open Source: Source code is hosted at https://github.com/xyx-is/Editable-QR-Generator. Your contribution is welcome.
• UTF-8: Support UTF-8 encoding. This means you can use multibyte characters, Emoji etc. (Thanks to Project Nayuki)

Usage

This addon creates a toolbar button with a popup page. You can generate QR Code by entering any text in the textarea on the head of the popup.

Insert the URL and the title of the current page

By clicking the links beside "Insert page", you can insert the URL and the title of the current page into the textarea.

Configure QR Code setting

By changing form inputs in the fieldset middle of the popup, you can Configure QR Code setting. You can check the description in the tooltips of the form inputs.

Open QR Code in a new tab and save

By clicking the QR Code canvas, you can Open the QR Code image in a new tab. You can save the QR Code in the new tab.

Also, if you are using Firefox, you can directly save the QR Code image by right clicking the the QR Code canvas.

Open popup in new tab

If you feel it is difficult to edit in the popup, click the 'Open this page in new tab' to open the popup in a new tab.

License

MIT License. See LICENSE file for the license of this project itself. Third-party libraries are listed below.

Third-party libraries

This project uses following Third-party libraries.

• QR Code generator library by Project Nayuki
  • This project retrieved JavaScript library qrcodegen.js from https://github.com/nayuki/QR-Code-generator/blob/693304b8c38747f971ed0bdf91b1023fda4638dd/javascript/qrcodegen.js
  • This library is licensed under MIT License and the copyright term is in the head of the file.

Notice

QR Code is a registered trademark of DENSO WAVE INCORPORATED.

editable-qr-generator's Issues

Add option to insert a button in the URL bar

Prevent textarea from losing focus when insert text link is clicked

Insert textのリンクをクリックした時に、textareaがフォーカスを奪われることを防ぐ。

mousedownイベントハンドラでpreventDefaultする。

Link to open popup in new page

ポップアップ画面のままではテキストを入力しづらい。ポップアップ画面を新しいタブで出す。

Add vCard assist tools

連絡先交換などに用いられるvCard 形式を作成できるようにする。

その他、QRコードスキャナで対応している形式に対応する。
https://github.com/zxing/zxing/wiki/Barcode-Contents

add help pages

ヘルプページを作る

Insert text to textarea's focused position

Insert textのリンクをクリックした時に、textareaの末尾ではなくフォーカスのある場所にテキストを挿入する。
文字列が選択されている場合は置き換えが良いと思われる。

i18n

i18n対応する。
HTMLファイルの対応方法を検討する必要あり。

Separate code for title url and comment

A better way to present on screen qr and downloadable image would be as follows: Title in words, Title in QR, URL in words, URL in QR and Comment in words, Comment in QR or the reverse TQ, TW, UQ, UW, CQ, CW. Also implement apply and auto save so this is the desired workflow. click on extn icon, you see TQ, then an edit box with TW prefilled, then UQ, then an edit box with UW prefilled, then a CQ and and edit box prefilled with default CW Editable QR Generator by xyx-is github... Now i can edit the URL (remove ref in amazon for instance) and or edit the title and or edit the comment, then when i say apply, it would download the image to downloads and close the dialog. If i am on the same page and hit the icon again, the edits would be preserved and apply would overwrite the previous image. If I am on a new page, the edits would not be preserved. so you can implement a history, which allows you to pull up a past entry as if you were on that page. You can even make this exportable to database format with date and time fields. you can also add all info to exif

Add item in context menu to generate qr code for selected text

Initialize textarea with URL

popupオープン時にtextareaにURLを入れる