Edytor Wizualny

Stronę najlepiej używać na komputerach stacjonarnych lub laptopach

Skonwertuj dokumenty lub zamień tekst na HTML

Chcesz szybko skonwertować dokumenty lub tekst na kod HTML? Podstawowe funkcje są darmowe. Potrzebujesz więcej? Sprawdź wersję PRO...

Zobacz pomoc dotyczącą opcji...
Nauka Wyrażeń Regularnych...
Zobacz stronę pomocy dla Znajdź i Zmień...

Aby zmienić HTML przy pomocy JavaScript proszę użyć zmiennej o nazwie 'html'. Przykłady kodu:
Zmień pierwsze wystąpienie słowa 'xxx' na słowo 'yyy': html = html.replace("xxx","yyy");
Wymienić wszystkie znaczniki p na tagi span za pomocą wyrażeń regularnych: html = html.replace(/<p([^<>]*)>(.*)<\/p>/g,"<span$1>$2</span>");
Usuń wszystkie znaczniki p wraz z wewnętrzną treścią za pomocą wyrażeń regularnych: html = html.replace(/<p[^<>]*>(.*)<\/p>/g,"");
Przykład zaawansowany - znajdź wszystkie teksty w tagach i zmień startowe " na <blockquote> i końcowe " na </blockquote>:
html = html.replace(/>([^<>]+)</gi, function(m, p1) { return ">" + p1.replace(/([^<>"]*)"([^<>"]*)"/gi, '$1<blockquote>$2</blockquote>') + "<"; } );

Kliknij tutaj, aby dowiedzieć się więcej na temat funkcji JavaScript...

Zobacz stronę pomocy do zarządzania tagami i atrybutami...

Wybierz opcje i naciśnij zielony przycisk 'Oczyść kod HTML'

Bądź PRO od $10

Oczyść lub przetwórz HTML bez żadnych ograniczeń. Wgraj dokument Worda (format DOCX), PDF lub inny dokument i skonwertuj je na HTML. Dodaj swoje zdjęcia. Oszczędź czas zachowując swoje opcje oczyszczania jako szablon. Eksportuj HTML jako dokument Worda lub PDF. Twórz sygnatury HTML z logiem dla klientów pocztowych.

Dodatkowe opcje w edytorze wizualnym jak więcej czcionek oraz korekcja pisowni. Zmieniaj rozmiar edytorów zależności od potrzeb. Edytuj zapisane dokumenty z dowolnej przeglądarki.

Testuj pełną wersję PRO za darmo

(Karta płatnicza nie jest wymagana)

Funkcje Word to HTML PRO:

Nieograniczone przetwarzanie HTML

Konwertuj dokumenty Worda, PDF i inne do HTML

Rozpoznawanie tekstu dla PDFów zawierających zeskanowany tekst

Zapisz HTML online

Zapisz swoje szablony

Znajdź i zmień przy pomocy wyrażeń regularnych

Zmieniaj wielkość edytorów, tryb pełnoekranowy

Autozapis edytowanego HTML

Pobierz dokumenty w postaci HTML, DOCX lub PDF

Projektuj i testuj e-maile HTML

Szablony HTML (sygnatury dla e-maili)

Użyj czcionki Google lub inne

Kompresuj lub indentuj HTML

Menedżer obrazów

Sprawdzanie pisowni

Tryb jasny i ciemny edytorów

Własny kod JavaScript przetwarzania HTML

WordToHTML.net jest narzędziem do konwersji tekstu oraz dokumentów do kodu HTML5. Możesz także wyczyścić (zmniejszyć rozmiar) lub przetworzyć HTML w dowolny sposób.


Jak skonwertować tekst do HTML?

  1. Wklej lub wpisz tekst w Edytorze Wizualnym
  2. Twój tekst zostanie automatycznie przekonwertowany na kod HTML
  3. Skonwertowany HTML będzie widoczny w Edytorze HTML

Możesz wpisać dowolną treść bezpośrednio w Edytorze Wizualnym, który działa jak każdy edytor tekstowy. Możesz wybrać czcionkę, rozmiar, kolor itp. Możesz tworzyć listy, tabele oraz dodawać zdjęcia.


Jak skonwertować dokument Worda do HTML?

  1. Kliknij niebieski przycisk 'Wgraj i skonwertuj do HTML' i wybierz dokument do konwersji
  2. Twój dokument zostanie automatycznie skonwertowany do formatu HTML
  3. Treść z dokumentu będzie widoczna w postaci wizualnej w Edytorze Wizualnym z lewej a z prawej w Edytorze HTML będzie kod HTML twojego dokumentu

Word to HTML pozwala konwertować pliki Worda (.DOCX lub .DOC), pliki PDF, RTF, ODF, pliki tekstowe TXT a także HTML. Zdjęcia i tabele zostaną także skonwertowane do HTML.

Konwertując dokumenty masz trzy dodatkowe opcje do wyboru:

  1. Zdjęcia w kodzie: Opcja pozwala zagnieździć zdjęcie bezpośrednio w kodzie HTML (w formacie base64). Nie będzie osobnych plików zdjęć, ale trzeba pamiętać, że wielość kodu HTML będzie o wiele większa, dlatego ta opcja jest użyteczna gdy masz mało lub małe zdjęcie lub grafiki. Lepiej nie używać tej opcji, jeśli dokument ma duże zdjęcia.

  2. Try pełnej strony: Chcesz utworzyć pełną stronę HTML? Nie ma problemu,ta opcja doda tagi <head> and <body> do HTML-a, które są potrzebne aby poprawnie wyświetlić stronę HTML. Nie potrzebujesz tej opcji, jeśli tworzysz treść pod systemy CMS jak Wordpress lub dla innych usług jak Amazon lub eBay.

  3. Dokładny HTML: Wybierz tą opcję, jeśli potrzebujesz, aby HTML wyglądał identycznie jak w twoim dokumencie źródłowym, ale weź pod uwagę, że dokument taki może nie wyglądać zbyt dobrze na urządzeniach mobilnych. Ta opcja automatycznie wyłączy opcję zdjęć w kodzie i włączy tryb pełnej strony, który jest wymagany przy dokładnym HTML-u.


Jak oczyścić kod HTML?

Jedną z najlepszych możliwości naszej strony jest oczyszczanie i przetwarzanie kodu HTML.

Na przykład chcesz dodać prosty (czysty) kod HTML na swoją stronę, ale twój kod HTML pochodzi z dokumentu Worda lub innej strony, która dodała swoje własne (nie potrzebne na Twojej stronie) atrybuty do elementów (tagów) HTML. W prosty sposób możesz wybrać opcje elementów lub atrybutów do usunięcia z kodu HTML.

Aby oczyścić kod HTML musisz wkleisz go z prawej strony do Edytora HTML. Z lewej strony zobaczysz jak wygląda twój HTML jako treść w Edytorze Wizualnym, którą możesz edytować.

Potem wybierz opcje Oczyszczania HTML. Możesz też dodać proste opcje 'Znajdź i zmień' lub zaawansowane z użyciem wyrażeń regularnych. Jeśli nie wpiszesz nic w polu 'zmień' to treść z pola 'znajdź' zostanie po prostu usunięta. Możesz dodać własne opcje do przetwarzania tagami oraz atrybutami lub nawet własny kod JavaScript w celu dodatkowej zmiany HTML, której nie możesz uzyskać za pomocą wcześniejszych opcji. Po wybraniu opcji kliknij zielony przycisk Oczyść kod HTML. Potem można skopiować HTML do schowka lub zapisać i pobrać jako plik HTML.

Jeśli oczyszczanie kodu HTML nie jest satysfakcjonujące to możesz kliknąć przycisk Cofnij pod Edytorem HTML, potem zmień swoje opcje oczyszczania kodu i ponownie kliknij zielony przycisk Oczyść kod HTML, aż do momentu kiedy uznasz, że kod HTML wygląda jak potrzeba.

Jeśli twój szablon oczyszczania jest zaawansowany, to najlepiej zapisywać sobie wersje szablonu co jakiś czas. W takim przypadku zawsze można cofnąć się do wcześniejszej wersji szablonu.


Zmiana trybu Edytora Wizualnego na tryb opisów Amazon

Jeśli tworzysz opisy produktów dla Amazon zalecamy włączyć Edytor Amazon. Tryb ten zezwala jedynie na tworzenie HTML zgodnego z wymogami Amazon.


Tworzenie i zapisywanie szablonów

Odpowiednie ustawienia oczyszczania/przetwarzania kodu HTML można zapisać jako szablon. Oznacza to, że w przyszłości możesz wybrać ten szablon i zmienić kod HTML wg jego ustawień. Zapisany szablon zawiera wszystkie opcje oczyszczania, ustawienia 'znajdź i zmień', opcje zmiany tagów i atrybutów oraz kod własny JavaScript.


Zapisywanie i eksportowanie dokumentów

Na stronie możesz zapisać wiele dokumentów HTML, aby to zrobić kliknij niebieski przycisk 'Zapisz' pod Edytorem Wizualnym.

Jeśli klikniesz na małą strzałkę w dół obok przycisku 'Zapisz' otworzy się menu dodatkowych opcji, między innymi opcje eksportu twojego HTML jako dokument Worda (docx) lub do PDF.


Podgląd dokumentów

Sam Edytor Wizualny pokazuje mniej więcej jak będzie wyglądała Twoja treść w przeglądarce, ale wygląd treści zależy od wielkości okna Edytora, które jest zależne od rozdzielczości twojego ekranu. Jeśli chcesz zobaczyć Twój dokument w osobnej zakładce przeglądarki, to najpierw zapisz treść a potem kliknij jedną z ikon poglądu za niebieskim przyciskiem 'Zapisz':

Podgląd w Emailu: jeśli tworzysz emaila w formacie HTML możesz w ten sposób zobaczyć jak on wygląda treść w dowolnym kliencie pocztowym.

Podgląd ogólny: HTML zostanie pokazany w osobnej zakładce przeglądarki.

Podgląd responsywny: HTML zostanie pokazany na specjalnej stronie, która pozwala zobaczyć Twoją treść na urządzeniach mobilnych, tabletach, laptopach itd.