Notepad++ + podgląd HTML na żywo (WebView2, C#)

Jeśli używasz Notepad++ do pisania HTML, pewnie znasz ten schemat:

Ctrl+S → Alt+Tab → F5 → wróć → poprawka → powtórz…

Po kilku minutach zaczyna to irytować.

Zamiast ciężkich edytorów WYSIWYG można podejść do tematu prościej — zostawić czysty kod i dorzucić lekki podgląd na żywo.

To rozwiązanie składa się z dwóch małych narzędzi:

• HTML Viewer – podgląd na żywo pliku HTML
• Tiny HTML Editor – szybka edycja fragmentów HTML

Obydwa programy napisane zostały w NET 10 i używają komponentu WebView2 - czyli klasycznej przeglądarki EDGE którą ma praktycznie każdy Windows.
Jeżeli w systemie brak jest NET 10 Windows o tym poinformuje i zaproponuje jego pobranie.

---

⚡1. HTML Viewer

działa dokładnie tak, jak powinien działać podgląd:

piszesz w Notepad++ → zapisujesz → podgląd odświeża się sam. Bez przełączania okien. Bez ręcznego odświeżania.

Wystarczy raz podpiąć go w Notepad++ (Uruchom → Uruchom / F5),

Wpisujemy tutaj pełna sciezkę do programu np: "C:⧵ELFRO⧵HtmlViewer.exe" "$(FULL_CURRENT_PATH)"

Wartość : "$(FULL_CURRENT_PATH)" - mówi dla Notepad++ uruchom  i przekaż nazwę bieżącego pliku.

Klikamy Zapisz... i przypisujemy mu skrót (np. F6).

Od tego momentu:

• nie powstają nowe okna
• viewer przełącza aktualny plik
• zapis automatycznie odświeża podgląd

---

✂️2. Tiny HTML Editor

i tu ważna rzecz: to nie jest edytor całych stron. To narzędzie do szybkiej edycji fragmentów HTML.

Workflow jest prosty:

kopiujesz fragment → uruchamiasz edytor → poprawiasz → zapis trafia do schowka → wklejasz z powrotem

W Notepad++ możesz podpiąć go np. pod Ctrl+F6: "C:⧵ELFRO⧵TinyHtmlEditor.exe" (bez $(FULL_CURRENT_PATH), bo działa na schowku)

Efekt:

• szybka edycja fragmentów
• zero przełączania kontekstu
• pełna kontrola nad HTML

 

Całość działa w tle i nie przeszkadza:

• brak kradzieży fokusu
• brak migania paska
• brak popupów

Okno pojawia się tylko wtedy, gdy jest potrzebne.

 

❌ Dlaczego nie WYSIWYG?

• wprowadzają zbędny kod
• psują strukturę HTML
• spowalniają pracę

Tutaj masz coś prostszego: czysty HTML + natychmiastowy podgląd i to wystarcza.

---

⬇️ Pobieranie/Download

👉 Pobierz ELFRO HTML Viewer + Editor (ok. 3 MB)

Suma kontrolna pliku SHA256: pobierz

Oprogramowanie udostępniane jest na licencji GNU General Public License (GPL):
https://www.gnu.org/licenses/gpl-3.0.html
Kod źródłowy dołączony jest do pakietu instalacyjnego i dostępny dla użytkownika.