Aplikacje html.1
Aplikacje w postaci pliku HTML
1. QR Code - generator i czytnik off-line (o1)
2. Edytor Markdown (marked.js) + MathJax (i1)
3. Zaawansowane zmiany w tekście - wyrażenia regularne (o1)
4. Edytor wizualny WYSIWYG html w przeglądarce (o1)
QR Code - generator i czytnik off-line
QR Code ® Denso Wave Incorporated - kody QR działające off-line z wykorzystaniem silnika przeglądarki.
Można je używać do przenoszenia tekstów pomiędzy telefonem, a laptopem nawet gdy nie ma zasięgu sieci. Aplikacje JavaScript są w pojedynczych plikach HTML, które można zapamiętać na dysku lokalnym lub urządzeniu mobilnym i uruchamiać w przeglądarce bez potrzeby instalacji dodatkowych aplikacji.
- Generator (o1)
- spakowany plik html - QRcode01.zip
- wypróbuj QRcode01.html (+instrukcja)
m.in. wyjście jako tekst - znaki blokowe i jako tabela html - puste komórki z białym lub czarnym tłem.
Pokazywany jest podział zakodowanych w różnych trybach fragmentów, co pozwala na optymalizację rozmiaru QR-kodu.
- Czytnik z użyciem kamery koputera/laptopa (o1)
- spakowany plik html - jsQR_Demo1cam.zip
- wypróbuj jsQR_Demo1cam.html
Po odczytaniu QR-kodu w tych czytnikach pokazywany jest tryb wszystkich zakodowanych fragmentów.
- Czytnik odczytujący QR-kod z pliku graficznego, np. skanu. (o1)
- spakowany plik html - jsQR_Demo1img.zip
- wypróbuj jsQR_Demo1img.html
Ogólnie czytnik działa błyskawicznie. Tak jest zawsze, gdy przekazujemy plik metodą “przeciągnij i upuść”. Ale gdy wybieramy plik klikając [ Przeglądaj… ], to po otwarciu Eksploratora Windows zdarza się, że aplikacja zamraża się na ponad 5 sek. Przyczyną tego mogą być przypięte w ” Szybki dostęp” skróty do folderów sieciowych, które są w danej chwili niedostępne. Po odpięciu tych skrótów problem powinien zniknąć. Czasem odpięcie się nie udaje. Wtedy można w Eksploratorze \ Widok \ Opcje \ “Zmień opcje folderów i wyszukiwania” na chwilę odznaczyć “[_] Pokaż często używane foldery na pasku szybki dostęp” i udaje się odpiąć kłopotliwy skrót.
Edytor Markdown (marked.js) + MathJax
(i1) Edytor Markdown (marked.js) + wzory matematyczne MathJax.
- podgląd wynikowy HTML + eksport do pliku HTML (i możliwość wydruku do PDF)
- Plik https://github.com/andrzejQ/markdown-mathjax
- Demo https://andrzejQ.github.io/markdown-mathjax/editor/md-mhj.html
Konwersja HTML -> Markdown
(i1) Na stronie projektu konwertera HTML -> Markdown “turndown” (https://github.com/domchristie/turndown) Dom Christie zamieścił przykład użycia swojej biblioteki. Tutaj to demo z włączonymi dodatkami (table, listy zadań, …):
Zaawansowane zmiany w tekście - wyrażenia regularne
- (o1) Formularz zmiany tekstu na podstawie wielokrotnych wyrażeń regularnych zapamiętywanych w oknie konfiguracji.
- Formularz działa w trybie off-line - tylko z wykorzystaniem silnika przeglądarki. Nic nie jest wysyłane do Internetu. Wszystko jest w pojedynczym pliku HTML.
Edytor wizualny WYSIWYG html w przeglądarce
- (o1) demo (słabo dopracowane) na bazie przykładu developer.mozilla.org…Editable_content
- demo pokazuje możliwość edycji stron www wyświetlanych w przeglądarce, którą też daje np. skryptozakładka [Edit Website].