Daj użytkownikom możliwość formatowanie tekstu bez uczenia się dodatkowego kodu programiści ciężko pracowali przez ostatnie kilka lat. I wszystko nie poszło na marne, poczynili już znaczne postępy. Przedstawiamy 10 najczęściej używanych Edytory WYSIWYG. Mamy nadzieję, że wybierzesz coś do własnych projektów.

01. NickEdytuj

NicEdit to doskonała alternatywa dla dużych i nieporęcznych edytorów. Zawiera wszystkie wymagane funkcje, ale jest bardzo łatwy do zintegrowania z witryną.

02. MałyMCE

MałyMCE to darmowy edytor javascript HTML WYSIWYG. Jest łatwy do osadzenia w witrynie i zapewnia szeroki zakres opcji dostosowywania i zmiany wyglądu. TinyMCE jest prawdopodobnie najbardziej „kompletnym” edytorem w naszym wyborze. Prawie MSWord.

03. Edytor CK

CKedytor to nowy FCKEditor, który w przeszłości zdobył tytuł lidera rynku. Edytor jest na nim oparty i ma na celu naprawienie tego, co powodowało problemy w FCKEditorze. Rezultatem jest wysoce wydajny edytor WYSIWYG, który oferuje wszystkie funkcje, których normalnie używasz w MSWord lub Open Office.

04. Edytor tekstu sformatowanego YUI

Edytor tekstu sformatowanego YUI- ten GUI użytkowników z Yahoo, który zamienia zwykłe pole wprowadzania tekstu w pełnoprawny edytor WYSIWYG. Aplikacja jest dostarczana w różne wersje, o różnych właściwościach i treści. Ale używając dowolnej wersji, uzyskasz wszystkie funkcje niezbędne dla edytora.

Markitup to wtyczka jQuery, która pozwala zamienić zwykłe pole wprowadzania tekstu w edytor i formater tagów. Html, Wiki i BBcode to tylko niektóre z tego, co oferuje wtyczka. Markitup nie jest edytorem WYSIWYG, ale to nie pogarsza sytuacji, ponieważ oferuje wszystkie potrzebne funkcje.

06. FreeTextBox

pole tekstowe to edytor HTML zaprojektowany specjalnie dla ASP.NET. Wygląd edytora jest bardzo podobny Microsoft Word. W Darmowa wersja tak naprawdę nie ma wielu funkcji, ale ma wszystko, czego potrzebujesz.

07. Moo do edycji

Edytory WYSIWYG dostarczają teraz głównie wtyczki do popularnej biblioteki jQuery oraz, w mniejszym stopniu, Mootools. MooEdytowalne całkiem wypełnia tę lukę, będąc prostą, ale bardzo skuteczną biblioteką javascript. Jeśli jesteś fanem Mootools, to nie będziesz miał z tym żadnych problemów.

08. Otwarte Wysyg?

Otwarte Wysiwyg to pełnoprawny edytor dla różnych przeglądarek ze wszystkimi wymaganymi funkcjami. Zawiera nawet atrakcyjne rozwijane menu i przyciski. Niestety Chrome go nie obsługuje.

09. Edytor Spaw- strona jest martwa

edytor odradzania to edytor WYSIWYG, który pozwala twórcom stron internetowych zastąpić standardowe pola tekstowe zarządzanym edytorem HTML, z szerokim zakresem ustawień, w wielu językach i z możliwością zmiany wygląd.

10.jHtmlObszar

jHtmlArea to kolejny edytor tekstu WYSIWYG, który jest wtyczką do Jquery. Celem wtyczki jest prostota i łatwość użytkowania. Zawiera wszystkie wymagane funkcje. Możesz dostosować wygląd, funkcje i języki.

Pozdrowienia, drodzy czytelnicy strony. język HTML Znaczniki to podstawa wszystkich stron internetowych. Często nieznajomość tego języka powstrzymuje wiele utalentowanych osób na drodze do stworzenia własnego projektu internetowego – w końcu nie każdy ma upodobanie do programowania. I nie wszyscy wiedzą, że kod HTML można tworzyć nie tylko pisząc tagi w notatniku, ale także za pomocą prostych edytorów wizualnych przypominających Worda.

• Wizualny (WYSIWYG) - w którym cały proces tworzenia kodu nie wymaga znajomości HTML - pozwala na projektowanie tekstu, obrazków i innych elementów strony w trybie wizualnym (jak w Wordzie) - tworzenie nagłówków, wyróżnianie akapitów, uzupełnianie materiału o listy wypunktowane itp., a na wyjściu otrzymaj gotowy kod HTML ze wszystkimi znacznikami;
• Pracują tylko z kodem źródłowym - w porównaniu do zwykłego notatnika pozwalają zobaczyć strukturę kodu, dzięki podświetleniom i innym funkcjom. Praca z takimi edytorami jest niemożliwa bez znajomości HTML.

Istnieją edytory w postaci programów, które trzeba zainstalować na komputerze, takie jak Visual NVU lub Frontpage, można pracować z kodem w Notepad ++. Ale są też analogi online - strony, na których Edytor HTML działa bezpośrednio w sieci, nie wymaga pobierania.

Edytor online jest bardzo wygodny, jeśli rzadko kodujesz (tworzysz i edytujesz strony internetowe).

Postanowiłem wymienić najlepszy i najbardziej użyteczny HTML redaktorzy online znany mi.

Proste edytory HTML online

Ten wizualny edytor HTML jest przez wielu uważany za standard, ponieważ jego panel ustawień zawiera prawie wszystko, co może wymyślić webmaster - emotikony, film na youtube, a nawet możliwość wstawienia kodu z wyróżnieniem tagu, aby zapewnić lepsze wrażenia.

Cut Editor implementuje przełączanie trzech trybów:

• Wizualny;
• Tryb pracy kodu;
• Podgląd wyniku.

Przełączanie odbywa się za pomocą zakładek na dole okna edytora.

Ten edytor HTML WYSIWYG można zintegrować z dowolną witryną, można tam znaleźć instrukcje od programistów. Panel sterowania można zmienić, w tym celu nad formularzem znajduje się rozwijane pole, które oferuje 5 zestawów przycisków sterowania.

Ten rozwój to nie tylko internetowy edytor HTML, ale wbudowany moduł, który można zainstalować w dowolnej witrynie, dzięki czemu można go znaleźć w wielu zasobach. Jeśli chcesz, możesz umieścić go w swoim projekcie - w tym celu weź źródło tutaj -.

Działa tutaj aktualny moduł edytora.

Jest to edytor WYSIWYG z wieloma funkcjami. Jest formatowanie tekstu, a nawet internetowe sprawdzenie pisownia.

Projektujesz stronę z niezbędnymi przyciskami, a na koniec przełączasz się z wyświetlania wizualnego na gotowy kod HTML za pomocą przycisku "Źródło".

Dwuokienkowy edytor HTML 5 online - wygodny, ponieważ na jednym ekranie można jednocześnie pracować z kodem i zobaczyć efekt wprowadzonych zmian. Ten edytor nie jest odpowiedni dla osób, które w ogóle nie znają HTML, ponieważ jest przeznaczony do bezpośredniej pracy z kodem. W standardowym zestawie jest tylko 5 elementów do szybkiego włożenia - są to lista punktowana, tabela, zdjęcie, forma i wybór. Cała reszta będzie musiała zostać napisana niezależnie przy użyciu tagów.

Zmiany w kodzie są odwzorowywane w części wizualnej nie w czasie rzeczywistym, ale po naciśnięciu przycisku „Renderuj”.

Edytor może pracować z CSS i JavaScript.

Vulko

Niezwykle prosty, osadzony edytor HTML typu WYSIWYG. Minimalne ustawienia, lekkość i prostota pozwalają dodać go w dowolnym miejscu, kod źródłowy pobierany jest bezpośrednio ze strony dewelopera - wszystko jest w języku rosyjskim.

Zestaw centrali posiada wszystkie najbardziej pożądane funkcje - proste, ale gustowne.

Na dole znajdują się zakładki do przełączania edytora online z trybu wizualnego na tryb HTML.

JSBin

Prosty dwuokienkowy edytor online z obsługą kodu HTML, CSS i JS. Po lewej stronie piszemy tagi i wstawiamy niezbędną treść, a po prawej patrzymy, co z tego wyjdzie w czasie rzeczywistym. Podświetlanie tagów pozwala monitorować poprawną składnię. Przydatne do debugowania skryptów Java, które nie są obsługiwane przez wiele edytorów wizualnych.

Przełączanie na żądany typ kodu znajduje się nad obszarem roboczym.

Profesjonalne narzędzia do tworzenia stron internetowych

Ten edytor umożliwia pracę nie tylko z kodem HTML, obsługuje ogromną listę języków programowania, w tym JavaScript, PHP, Perl, Pyton itp.

Ale nie o to chodzi. Cloud9ide pozwala kilku programistom pracować nad kodem w tym samym czasie - in konto osobiste otwarty dostęp dla określonego kręgu specjalistów. Z tego powodu wymagana jest rejestracja.

Edytor w przejrzysty sposób podkreśla elementy kodu, pozwala uczestnikom projektu komunikować się na czacie - jednym słowem wszystko jest zrobione tak, jak powinno.

Ten edytor online jest podobny pod względem funkcjonalności do opisanego powyżej Cloud9ide, obsługuje również wiele języków, możesz zaprogramować dla swojej witryny zarówno zwykły kod HTML, jak i JS i PHP. Dzięki niemu możesz bezpośrednio połączyć się z hostingiem przez FTP i edytować pliki bezpośrednio z niego. Interfejs podzielony jest na 3 części: główna z kodem, po lewej lista plików, po prawej zapowiedź wynik.

Obsługuje pracę z Dropbox i Dyskiem Google.

Wszystkie tagi w kodzie są wyróżnione dla większej przejrzystości. Istnieje autouzupełnianie tagów zamykających, autouzupełnianie danych oraz podświetlanie niezamkniętych elementów.

Formatowanie umożliwia automatyczne „szczotkowanie” nieestetycznych sekcji kodu poprzez dodawanie wcięć i podziałów wierszy.

Jest krótka instrukcja wideo do tego edytora HTML, myślę, że nie byłoby zbyteczne jej podawanie:

Usługa "czesania" kodu Dirty Markup

Ta usługa nie może być przypisana edytorom online, chociaż pozwala na dość wydajną pracę z kodem HTML, JS i CSS, ale nie zapewnia trybu wizualnego. Zadaniem narzędzia jest oczyszczenie kodu - z dowolnego niezdarnego zestawu tagów wprowadzonych losowo do dokumentu, Dirty Markup sprawia, że ​​kod strukturalny jest łatwy do odczytania, w którym każdy element logiczny i blok jest łatwy do odczytania i zrozumienia.

Usługa jest wygodna np. do przywrócenia czytelności plików skompresowanych do optymalizacji, które są tworzone w celu lub poprawienia pracy przeciętnego programisty.

Poniższe zrzuty ekranu pokazują dwa w 100% identyczne kody, jeden jest zoptymalizowany i niemożliwy do zrozumienia, drugi jest łatwy do odczytania przez osobę.

Oto takie przydatne narzędzie - może być bardzo przydatne, jeśli chcesz wprowadzić zmiany do wcześniej zoptymalizowanej witryny.

Mam nadzieję, że dzisiejsza lista edytorów HTML online pomoże Ci efektywniej pracować nad Twoimi projektami i osiągnąć nowe wyżyny. I na tym żegnam się ze wszystkimi.

Przydatne artykuły:

• 
  
  Emotikony dla VK - kody ukrytych emotikonów, takich jak ...
• 
  
  Jak zarabiać w Internecie dla początkującego - 23 ...

Jeśli chodzi o edytory kodu, czasami trudno jest uzyskać jasny przegląd wszystkich korzyści i funkcjonalność, które mogą zaoferować różni redaktorzy. Jednak na końcu wymagany jest co najmniej jeden, dlatego ważne jest, aby wiedzieć, który edytor najlepiej odpowiada Twoim osobistym potrzebom.

Redaktorzy WYSIWYG są często krytykowani przez zwolenników ręcznego kodowania za to, że są nadęci, niechlujny i niezgodny ze standardami. źródło, które produkują ci redaktorzy. Jednak ostatnio edytory WYSIWYG znacznie się poprawiły. Czasami musisz zapewnić swoim klientom jak najwięcej proste narzędzia edytować lub aktualizować swoje strony internetowe. I tutaj edytory WYSIWYG są niezbędne.

Błędem byłoby polecać Ci „najlepszych” redaktorów, ponieważ wybór zawsze zależy od Twoich potrzeb, głównych celów, umiejętności i doświadczenia. Dlatego w tym artykule staraliśmy się przedstawić przegląd różnych, przydatnych i nie tak WYSIWYG edytorów.
Mamy nadzieję, że znajdziesz nowych redaktorów, o których nigdy wcześniej nie słyszałeś. A może znajdziesz jakieś funkcje, których przegapiłeś w swoim ulubionym edytorze, lub odważysz się poeksperymentować z wieloma obiecującymi opcjami usprawnienia pracy. Ponadto możesz dowiedzieć się, z jakich edytorów możesz korzystać, a jakich narzędzi nie powinieneś używać.

Co to znaczy WYSIWYG?

W takich edytorach możesz zmienić nie kod źródłowy swoich dokumentów, ale jego reprezentację, która (jeśli to możliwe) zostanie opublikowana w dokumencie końcowym. Więc zamiast ręcznie pisać bloki kodu, zarządzasz projektem z komponentami za pomocą okna edytora. Oznacza to, że widzisz coś bardzo podobnego do wyniku końcowego, chociaż dokument lub obraz jest nadal tworzony.

Notatka: Ten artykuł zawiera przegląd tylko edytorów WYSIWYG opartych na komputerach stacjonarnych, które działają w systemach Windows, Linux lub Mac i nie zawiera recenzji edytorów WYSIWIG JavaScript.

Adobe Dreamweaver

Dawniej produkt firmy Macromedia, Dreamweaver jest jednym z najczęściej używanych edytorów, który może pomóc programistom usprawnić ich przepływ pracy i zaoszczędzić mnóstwo czasu podczas kodowania. Podczas gdy poprzednie wersje programu Dreamweaver czasami generowały dziwaczny kod źródłowy, najnowsza wersja może generować (w większości przypadków) całkowicie czyste znaczniki.

Dreamweaver zapewnia również różne użyteczne narzędzia takie jak biblioteki fragmentów kodu, zarządzanie FTP, debugowanie serwera i zintegrowane kodowanie. Na przykład, możesz przeglądać informacje CSS w jednym, ujednoliconym panelu CSS, co ułatwia przeglądanie stylów zastosowanych do określonych elementów, określanie, gdzie są zdefiniowane atrybuty i edycję istniejących stylów. Zobacz także naszą listę samouczków programu Dreamweaver. Cena: 400 USD (wersja CS3).

Niektóre z wielu funkcji programu Dreamweaver:
* Zaawansowana edycja CSS
* Zintegrowane środowisko kodowania
* Framework Spry dla Ajax
* Sprawdź kompatybilność przeglądarki.
* Integracja z Photoshop CS3 i Fireworks.
* Fragmenty kodu (takie jak formaty CSS)
* Zarządzanie FTP
* Obsługa XML
* Obsługa FLV
* Zasoby szkoleniowe (np. Adobe CSS Advisor)
* Liczne rozszerzenia programu Dreamweaver.

Amaya

Głównym celem Adobe Contribute jest umożliwienie edycji serwisów WWW i blogów użytkownikom bez wiedzy technicznej. Program Contribute CS3 umożliwia autorom aktualizowanie istniejących serwisów i blogów przy zachowaniu integralności serwisu. Program Contribute oferuje integrację z programem Dreamweaver, umożliwia publikowanie treści za pomocą Microsoft Office i edycji z IE 7 i Firefox.
Dzięki temu edytorowi WYSIWYG autorzy mogą edytować lub aktualizować dowolną witrynę lub blog bez konieczności uczenia się języka HTML. Cena: 169 USD (wersja CS3).

Adobe Live

W kwietniu firma Adobe przestała rozwijać i sprzedawać GoLive 9. Adobe GoLive zachęca użytkowników do przejścia na Dreamweaver, po czym prawdopodobnie nie powinieneś polecać GoLive (w rzeczywistości zaskakująco potężne narzędzie do edycji (patrz poniżej) swoim klientom).

Niektóre funkcje Adobe GoLive 9:
* Style projektantów
* Wizualny układ CSS
* Umieść polecenie
*Integracja z Adobe InDesign®
* Zarządzanie kolorem
*Obsługa platformy
* Narzędzia do zarządzania witryną
* Serwer publikacji
* Inteligentne obiekty

Microsoft Expression Web

Kiedyś mocno krytykowany za naprawdę zły edytor stron internetowych (Frontpage), Microsoft niedawno stworzył edytor Expression, który wydaje się wiele dziedziczyć po swoich poprzednikach. Expression próbował stworzyć wygodne środowisko dla użytkowników Internetu, z funkcjami niezwykle podobnymi do Adobe Dreamweaver. Jednak w bezpośrednim porównaniu Dreamweaver oferuje więcej i tworzy czystszy kod. Jednak Expression tworzy przyzwoity, zgodny ze standardami kod i wie, jak pracować z układami CSS i CSS.

Edycja studyjna z innymi aplikacje(narzędzie do projektowania graficznego, narzędzie do kodowania wideo itp.) kosztuje ok. 500 dolarów. Jedna licencja Expression kosztuje 350 USD. Możesz uzyskać Expression, aktualizując Frontpage i oszczędzając pieniądze. Wersję próbną na 60 dni można pobrać bezpłatnie, ale wymagana jest rejestracja.

Uwaga: Expression nie jest następcą Frontpage, są raczej różnymi narzędziami programistycznymi. Microsoft Expression jest bardziej podobny do Microsoft SharePoint Designer, jest bardziej zorientowany na projektanta i ma na celu zapewnienie ogólnego tworzenia stron internetowych. Microsoft SharePoint Designer skupia się na rozwijaniu i dostosowywaniu do witryn opartych na SharePoint, można go uznać za starszego brata Frontpage.

Niektóre funkcje Microsoft Expression:
* Integracja z ASP.NET 2.0
* Zaawansowane renderowanie CSS
* Konstruktor wyrażeń XPath
* Twórz i formatuj widoki danych XML zgodnych ze standardami branżowymi
* Siatka właściwości tagów
* Sprawdzanie dostępności
* Walidacja standardów w czasie rzeczywistym
*Pełna obsługa schematów

Niektóre funkcje NVU:
* Menedżer Witryny umożliwia przeglądanie tworzonych witryn.
* Obsługa XML.
* Wbudowany walidator.

Kompozytor

Jest następcą Microsoft Frontpage. SharePoint Designer to standardowy edytor WYSIWYG. Poza obsługą interaktywnych stron ASP.NET nie oferuje niczego rewolucyjnego. Dostępna bezpłatna wersja próbna. Istnieje wersja online, która wymaga Internet Explorera i dużej cierpliwości.

Niektóre funkcje Sharepointa:
* obsługa interaktywnych stron ASP.NET
* tworzenie widoków danych z RSS, XML, Office XML
* współpracuj z wbudowanym Workflow Designer
* Narzędzia CSS
* śledź dostosowane strony
* sprawdzanie pisowni
* Integracja z SharePoint Server 2007

Konwertuj dowolny dokument na czysty HTML. Ten darmowy program do formatowania kodu online pomoże Ci szybko i łatwo tworzyć dokumenty. Możesz jednocześnie wyświetlać i edytować wizualny dokument z kodem źródłowym. Edytuj jedno z tych pól, a zmiany zostaną natychmiast odzwierciedlone w drugim polu podczas pisania.

Edytor WYSIWYG „dostajesz to, co widzisz”

Działa w tej wizualizacji Edytor tekstu jest bardzo intuicyjny. Zachowuje się jak Microsoft Word, Open Office lub dowolny inny edytor tekstu sformatowanego i umożliwia podgląd, jak będą wyglądać elementy po opublikowaniu artykułu w witrynie. Należy pamiętać, że wygląd może się nieznacznie różnić w zależności od pliku CSS witryny.

Edytor kodu źródłowego

Edytor kodu HTML z podkreśloną składnią ma wiele przydatne funkcje, Jak na przykład:

• Licznik numeru linii
• Zaznacz aktywną linię
• Podświetlanie otwierających i odpowiadających im tagów zamykających
• Automatyczne zamykanie tagów
• zobacz poniżej szczegóły...

Opcje czyszczenia:

• Style wbudowane- Usuń każdy styl atrybut tagu. Zaleca się używać oddzielny plik CSS do stylizacji.
• identyfikator klasy- Usuwa wszystkie atrybuty klasa I ID. Funkcja jest przydatna, jeśli przenosisz artykuł z jednej strony na drugą i chcesz pozbyć się zagranicznych zajęć.
• Puste tagi— Usuwa tagi, które nie zawierają niczego lub zawierają tylko spację.
• Tagi z jedną spacją- Usuwa tagi zawierające pojedynczą spację, takie jak
• Powtarzające się spacje- Usuwa zduplikowane spacje spowodowane złymi praktykami przesuwania tekstu w prawo i dostosowywania przerw w tekście:
• Usuń komentarze- Pozbądź się komentarzy HTML:
• Atrybuty tagów- Usuwa wszystkie atrybuty tagu, w tym style, klasy itp. To ustawienie nie ma wpływu src obrazy i atrybut href linki, ponieważ w przeciwnym razie te tagi staną się bezużyteczne.
• Do zwykłego tekstu- Usuwa wszystkie tagi, formatowanie i pozostawia zwykły tekst.

Opcje edytora HTML

Otwórz menu rozwijane ▼, aby wyświetlić opcje czyszczenia. Wybrane opcje są wykonywane po kliknięciu głównego przycisku czyszczenia HTML. Kliknij ikonę czerwonego trójkąta po prawej stronie, aby ukończyć tylko jedno z nich.

• Anulować- Przywróć dokument do poprzedniego stanu. Wróć do poprzedniego kroku, jeśli opcja czyszczenia nie przyniosła pożądanego rezultatu.
• Nowa strona- Usuń cały dokument, aby zacząć od zera.
• Kompresja- Tabulatory i znaki nowej linii służą do tworzenia plik HTML bardziej czytelne dla człowieka, ale nie wpływają na wyświetlanie w przeglądarce internetowej. Usuń te niepotrzebne znaki, aby zminimalizować rozmiar pliku i szybciej załadować stronę.
• widok drzewa- Ustaw wcięcie tekstu, aby wyróżnić hierarchię znaczników. Dzięki tej opcji możesz zrobić skompresowane dokumenty ponownie dostępny do czytania.
• Kodowanie znaków- Zdecyduj, czy chcesz kodować Symbole specjalne albo nie. Na przykład
• Treść demonstracyjna- Wypełnij pulpit nawigacyjny treścią demonstracyjną, aby ułatwić eksperymentowanie z tym narzędziem. Demo zawiera tytuł, tabelę, obrazy, akapity i inne elementy.
• Przewijaj edytory razem- Domyślnie oba edytory przewijają się razem, jeśli dokument jest duży. Możesz wyłączyć tę funkcję.
• Dodaj bełkotliwy tekst- Dodaje pozycję "Lorem ipsum" na końcu pliku. Kliknij ponownie, aby dodać kolejny.

Wyczyść litery

Kliknij tutaj, aby edytować ten tekst lub wklej tutaj swój dokument, aby przekonwertować go na HTML 😁

To demo pozwala przetestować funkcje tego edytora. Wpisz tekst w jednym z pól i zobacz, jak inne zmienia się w czasie rzeczywistym!

Ustaw opcje czyszczenia i kliknij ▼ Oczyszczanie

Współpracuj z dowolnym redaktorem i zobacz, jak inni zmieniają się w czasie rzeczywistym:

Wypełnij GeekPrank, aby uzyskać dobry dowcip online.

Niemal każdy internauta kiedykolwiek myślał o stworzeniu własnej strony internetowej, ale nie każdy ma czas i umiejętność opanowania przynajmniej podstaw programowania i layoutu stron internetowych. Ale w większości przypadków nie ma potrzeby opracowywania złożonych elementów programowalnych, a możesz stworzyć piękną i funkcjonalną witrynę za pomocą wizualnego edytora witryny lub edytora WYSIWYG.

Takie programy, pomimo względnej łatwości użytkowania, są dalekie od amatorskich narzędzi programistycznych, ale to właśnie zdolność użytkownika do pracy na dowolnym poziomie doświadczenia leży w ich funkcji.

WYSIWYG to skrót od angielskich słów „To, co widzisz, jest tym, co dostajesz”, co tłumaczy się jako „dostajesz to, co widzisz”. Tj, rozmawiamy o środowisku programistycznym, w którym użytkownik podczas pracy może od razu zobaczyć przybliżony wynik swoich wysiłków. Najczęściej w Runecie używany jest rosyjskojęzyczny odpowiednik wspomnianego skrótu, a programy tego typu nazywane są edytorami wizualnymi. Dzięki takim aplikacjom możesz tworzyć kod na inne języki programowanie i layout - HTML, CSS, PHP itp.

Najpopularniejszym edytorem WYSIWYG dla HTML i innych języków programowania stron internetowych jest Adobe Dreamveawer. Posiada naprawdę przyjazny interfejs użytkownika, dużą ilość dostępnych narzędzi, wsparcie dla aktualnych technologii oraz integrację z innymi aplikacjami Creative Suite. Dużym plusem Adobe Dreamveawer jest dostępność szczegółowej profesjonalnej dokumentacji, a także wielu darmowe lekcje o pracy z programem, który można znaleźć w Internecie. Ponadto może współpracować z popularnymi silnikami CMS, takimi jak Joomla, WordPress i Drupal. Obecna wersja to CS6.

Innym popularnym edytorem wizualnym jest WYSIWYG Web Builder, który został niedawno zaktualizowany do wersji 9. Jest to potężne rozwiązanie, które pozwala tworzyć wysokiej jakości strony internetowe bez umiejętności układania i programowania stron internetowych. Program umożliwia tworzenie zarówno prostych witryn wizytówkowych, jak i wielostronicowych zasobów ze złożonymi skryptami oraz wstawianiem elementów interaktywnych. Zestaw zawiera kilka różnych szablonów, dzięki czemu możesz dodawać nowe. W Ostatnia wersja WYSIWYG Web Builder ma teraz interfejs wstążki, nowe możliwości CSS3 i ponad sto innych ulepszeń.

Oprócz rozwiązań komercyjnych istnieją również dobre rozwiązania open-source. Na przykład darmowy edytor wizualny BlueGriffon, stworzony na silniku Gecko, który obsługuje również światowej sławy Przeglądarka Mozilli Firefox.

Jest nowoczesny i niezawodne rozwiązanie do edycji stron internetowych i tworzenia witryn zgodnych z najnowszymi standardami internetowymi. BlueGriffon to wielojęzyczny edytor wizualny dla HTML, PHP, CSS i innych języków programowania stron internetowych, który ma intuicyjny, przyjazny dla użytkownika interfejs, a edytowany w nim dokument będzie wyglądał dokładnie tak samo, jak w przeglądarce Firefox.

Edytor WYSIWYG jest naprawdę poręczne narzędzie do edycji i stron internetowych oraz tworzenia pełnoprawnych witryn o różnym stopniu złożoności. Dzięki temu użytkownik może tworzyć atrakcyjne strony internetowe bez konieczności posiadania rozległej wiedzy technicznej.