it-swarm-eu.dev

Co je dobrý editor WYSIWYG HTML?

Použil jsem Dreamweaver (i když CS3, takže jsem o pár verzí zpět), ale jsem zklamaný množstvím neplatného značení, které vytváří. Existují další WYSIWYG editory, které produkují platné značkování?

7
plntxt

Chcete-li mít nad svým kódem kontrolu, použijte zobrazení kódu v Dreamweaveru nebo prostý textový editor, jako je Notepad ++ ve Windows, Textmate v Macu nebo Vim na * nix. Problém s WYSIWYG spočívá v tom, že nemáte plnou kontrolu nad kódem, který produkujete, přestože jste po ukončení offcourse příliš čistí.

7
D4V360

Související otázka zde: HTML validace: stojí to za to? . Vychovávám to, protože jsi zmínil, že jsi naštvaná neplatným značením. Sémantika značek je podle mého názoru důležitější než platnost značkování a obecně to může udělat řádně pouze člověk - , zvláště , se všemi novými prvky představenými HTML5.

Jeffery Zeldman nedávno zveřejnil článek o tomto tématu: An InDesign pro HTML a CSS . Inspirován řečí některých lidí v Adobe, tvrdí, že žádný editor WYSIWYG nemůže vytvářet smysluplné a sémantické značení, než počítačový program dokáže vytvářet smysluplnou a emotivní hudbu.

Pokud se rozhodnete držet Dreamweaver a používat jeho zobrazení kódu (což je to, co jsem už nějakou dobu používal, je to velmi dobré), měli byste zvážit přechod na CS5. Adobe, vzhledem ke všem nenávistím Flash, šla do velké míry ke zlepšení kvality kódu, který generuje. Vytvořili také HTML5 Pack .

Toto rozšíření poskytuje počáteční podporu pro HTML5 a CSS3 v aplikaci Adobe Dreamweaver CS5 a pomáhá vám snadno vytvářet stránky HTML5 a styly CSS3. Zahrnuje také aktualizace a vylepšení WebKit pro vykreslování Design View a Live View.

Zatímco HTML5 a CSS3 nebudou nějakou dobu dokončeny, rozšíření poskytuje podporu pro sadu aktuálně implementovaných funkcí.

Toto rozšíření vylepšuje Dreamweaver CS5 následujícími způsoby:

  • Představuje panel Multiscreen Preview, který umožňuje zobrazení živého náhledu na 3 různých velikostech obrazovky, s podporou Media Query. (Okno> Multiscreen Preview)
  • Přidá hinting kód pro knihovnu značek HTML5 s novými značkami, atributy a vlastnostmi.
  • Aktualizuje hinting kód pro nové atributy a hodnoty ve stávajících HTML značkách.
  • Přidá tipování kódu pro následující specifikace CSS3: 2D/3D transformace; Animace; Pozadí a hranice; Základní uživatelské rozhraní; Rozvržení řádku; Stan; Mediální dotazy; MultiColumn; Rubín; Text; a Přechody.
  • Aktualizace Live View pro podporu <video> a <audio>. (Vyžaduje instalaci Quicktime.)
  • Vylepšené vykreslování CSS3 v živém zobrazení.
  • Přidá rozložení spouštěčů HTML5 do dialogového okna Nový dokument.
  • Nabízí lepší vykreslování nových značek v návrhovém zobrazení.

Dreamweaver se pohyboval mnohem déle než většina jeho konkurentů a je to solidní program, a pokud se rozhodnete držet se pomocí editoru WYSIWYG, nebudete mít z žádných jiných aplikací mnohem lepší výsledky.

3
Bryson

Coda od kluků v Panic je opravdu pěkný produkt Mac. Značku si píšete sami, a tak si zachováte úplnou kontrolu, jako byste to měli s TextMate, Notepad2 atd. Existuje však i živý náhled, který můžete vidět na rozdělené obrazovce, takže můžete okamžitě zjistit, jaký vliv na stránku máte. Je to pěkné řešení „nejlepší z obou světů“.

3
Alan

Používal jsem jEdit a Eclipse, protože dobře pracovali ve zbytku mého vývojového pracovního postupu. Zvýraznění syntaxe jEdit a schopnost rozpoznávat širokou škálu textových formátů jsou velmi pěkné pro rychlou kontrolu podivných věcí, které mám tendenci, se dostaly do cesty.

Souhlasím s ostatními, kteří se zmínili o vyhýbání se editorům WYSIWYG. Nejnovější verze společnosti DW většinou generují přijatelný kód, ale když ho používám, trávím 95% svého času v zobrazení kódu.

1
acrosman

Používám Microsoft Visual Web Developer 2010 Express (zdarma, včetně pro komerční použití) :)

0
Andrei Rînea