Aktualizácia (20170929): Posledný rok používam úžasné IDE Pinegrow (https://pinegrow.com) a z celého srdca ho odporúčam. BlueGriffon, ktorý som spomenul nižšie vo svojej odpovedi pred niekoľkými rokmi, zastaraný a vo vývoji výrazne zaostáva za Pinegrowom.
Odporúčam BlueGriffon. Je ZADARMO, je bohatý na funkcie, funguje na všetkých hlavných platformách a má veľa pekných doplnkov, z ktorých niektoré sú komerčné. Mám (komerčný) CSS plugin a som s ním veľmi spokojný. Použil som KompoZer predtým, ako som našiel BlueGriffon. Pokorne verím, že Amaya týmto dvom nemôže konkurovať.
Dobrou alternatívou je Eclipse s nejakým doplnkom WYSIWYG, ako napríklad JavaServer Faces Tools (JSF) Project, ktorý je súčasťou Eclipse Webtools.
Xi'an
Bohužiaľ BlueGriffon nie je stabilný: akonáhle kliknem na niektoré časti ovládacieho panela, zobrazí sa chyba segmentácie.
používateľ1908895
Bohužiaľ, Blue Griffon nie je open source ani zadarmo. Oh, môžete si stiahnuť spustiteľný súbor a zdroj je k dispozícii. Ale to súviselo s akoukoľvek užitočnou funkcionalitou. Aby program fungoval, musíte si kúpiť uzavreté pluginy. Tiež to vyzerá, že to vzdalo používateľom Ubuntu 32-bit. Mám obchodné dôvody držať svoju spoločnosť na 12.04LTS čo najdlhšie, aby sme boli blázni. Nakoniec, odmietnutie XUL API zo strany Mozilly znamená, že tento program spolu so všetkými ostatnými, ktoré používajú XUL API, zanikne. Nie je to produkt na mrhanie časom. John
Fahim Mitha
Potreboval som urobiť nejaké rýchle a špinavé úpravy html stránky a binárny súbor, ktorý som si stiahol zo stránky BlueGriffon, mi fungoval (Debian jessie). Nie je však k dispozícii v Debian / Ubuntu, hoci v
Aktualizácia (20170929): Posledný rok používam úžasné IDE Pinegrow (https://pinegrow.com) a z celého srdca ho odporúčam. BlueGriffon, ktorý som spomenul nižšie vo svojej odpovedi pred niekoľkými rokmi, zastaraný a vo vývoji výrazne zaostáva za Pinegrowom.
Odporúčam BlueGriffon. Je ZADARMO, je bohatý na funkcie, funguje na všetkých hlavných platformách a má veľa pekných doplnkov, z ktorých niektoré sú komerčné. Mám (komerčný) CSS plugin a som s ním veľmi spokojný. Použil som KompoZer predtým, ako som našiel BlueGriffon. Pokorne verím, že Amaya týmto dvom nemôže konkurovať.
Dobrou alternatívou je Eclipse s nejakým doplnkom WYSIWYG, ako napríklad JavaServer Faces Tools (JSF) Project, ktorý je súčasťou Eclipse Webtools.
Xi'an
Bohužiaľ BlueGriffon nie je stabilný: akonáhle kliknem na niektoré časti ovládacieho panela, zobrazí sa chyba segmentácie.
používateľ1908895
Bohužiaľ, Blue Griffon nie je open source ani zadarmo. Oh, môžete si stiahnuť spustiteľný súbor a zdroj je k dispozícii. Ale to súviselo s akoukoľvek užitočnou funkcionalitou. Aby program fungoval, musíte si kúpiť uzavreté pluginy. Tiež to vyzerá, že to vzdalo používateľom Ubuntu 32-bit. Mám obchodné dôvody držať svoju spoločnosť na 12.04LTS čo najdlhšie, aby sme boli blázni. Nakoniec, odmietnutie XUL API zo strany Mozilly znamená, že tento program spolu so všetkými ostatnými, ktoré používajú XUL API, zanikne. Nie je to produkt na mrhanie časom. John
Fahim Mitha
Potreboval som urobiť nejaké rýchle a špinavé úpravy html stránky a binárny súbor, ktorý som si stiahol zo stránky BlueGriffon, mi fungoval (Debian jessie). Nie je však k dispozícii v Debian / Ubuntu, hoci v
Pod Linuxom existuje obrovské množstvo rôznych aplikácie pre webových vývojárov... Tentokrát budem písať o štyroch pohodlných HTML editoroch, ktoré sú na tejto platforme obľúbené. Ak to bude zaujímavé, potom bude možné pokračovať a písať o programoch pre vývojárov častejšie.
Väčšina editorov okrem manuálneho zadávania kódu podporuje technológiu WYSIWYG... Sám som vyskúšal iba dva editory (pretože písanie všetkého perom pomocou gedit je akosi známejšie a pohodlnejšie), ale oba boli v oficiálnych repozitároch Ubuntu a sú dostupné z Aplikačné centrum.
Modrá rybka- multiplatformový a veľmi ľahký editor zameraný na programátorov a webových vývojárov. Podporuje mnoho programovacích a značkovacích jazykov, ale zameriava sa na vytváranie dynamických a statických webových stránok. Ide o open source projekt vydaný pod licenciou GNU GPL.
Vlastnosti BlueFish:
- Prispôsobiteľné zvýraznenie syntaxe
- Kontrola pravopisu stránok HTML
- Automatické dopĺňanie značiek HTML
- Vstavané informácie pomocníka pre rôzne programovacie jazyky
- Skladacie bloky kódu
- Zvýraznenie začiatku a konca značiek pre príslušné bloky
- Automatické dopĺňanie a automatické uzatváranie značiek pre mnoho programovacích jazykov
(taktiež známy ako Quanta) je populárny editor pre KDE. Quanta má WYSIWYG editor, ako aj funkciu úpravy súborov FTP.
Vlastnosti Quanta Plus:
- Automatické zadávanie základných HTML tagov a ich atribútov
- Zvýraznenie syntaxe
- Dokončenie kódu
- Vizuálny editor webových formulárov a stránok
- Náhľad webovej stránky
- Hľadať a nahradiť (vrátane použitia regulárnych výrazov)
- Kontrola pravopisu.
- Zrútenie logických blokov
Toto je ďalší užitočný nástroj pre vývojárov. Podporuje HTML, CSS, javascript, PHP, CSS a ďalšie, ale nemá podporu WYSIWYG.
Aby zistili, ako dobre si robia svoju prácu.
Tieto aplikácie sú si v mnohých smeroch podobné. Všetky tri sú primárne editory kódu so zvýrazňovaním syntaxe, inteligentným formátovaním a ďalšími funkciami, ktoré uľahčujú písanie a úpravu kódu. Screem úzko súvisí s GNOME, zatiaľ čo Bluefish funguje skvele na KDE aj GNOME. Quanta Plus je aplikácia KDE, ktorá je súčasťou KDE. Všetky podporujú vizuálnu úpravu nazývanú WYSIWYG (čo vidíte, to dostanete), spojenú s pokročilými možnosťami úpravy kódu. Tieto editory dokážu pracovať s HTML, JavaScriptom, kaskádovými štýlmi (CSS) a ďalšími značkovacími a skriptovacími jazykmi. Má tiež schopnosť spravovať webové stránky a webové projekty vrátane podpory CVS.
Vidíme, že tieto programy sú veľmi podobné, takže musíme zdôrazniť pozoruhodné vlastnosti každého z nich. V tomto článku som sa zameral na to, ako vám webový editor pomáha písať značky HTML, CSS a DIV. Každý program má ďalšie funkcie, ktoré môžu vyhovovať vašim špecifickým potrebám.
Každý program som testoval s Adobe's Spry Framework (vydaný pod licenciou BSD), ktorý vám umožňuje pridať asynchrónny JavaScript a XML (AJAX) na vaše webové stránky. Spry Framework obsahuje sadu skriptov JavaScript a šablón so štýlmi. Používanie a úprava miniaplikácií Spry vyžaduje jednoduché Úprava HTML a CSS. Vďaka tomu sa Spry stal vhodným spoločníkom pre moje testy. V tejto trojici editorov som sa zameral na funkcie, ktoré oceňujem v komerčných aplikáciách na tvorbu webových stránok, napríklad automatické zatváranie tagov, výber parametrov tagov (zadáte tag, a editor vám ponúka zoznam možných parametrov a hodnôt), podporu pripojených súborov CSS a JavaScript.
Screem zvládne väčšinu práce pri vytváraní a úprave webovej stránky. Keď vytvoríte novú stránku, Screem vás požiada o niekoľko základných informácií a potom vám pomôže nastaviť hlavné prvky v značkách hlavy a tela.
Potešilo ma, ako Screem zjednodušuje úpravy. Napríklad, keď som nahradil úvodný štítok zoradeného zoznamu neuradeným zoznamom, záverečný štítok sa automaticky zmenil. Pri zadávaní kódu vyskočí zoznam možných parametrov. Po výbere toho, čo potrebujete, sa štítok automaticky zatvorí. Nechýba ani šikovný pomocník na vytváranie CSS, vďaka ktorému možno vybrané vlastnosti vložiť medzi tagy štýlu alebo umiestniť na samostatnú šablónu štýlov.
Rozhranie Screem obsahuje 2 panely nástrojov: hlavný panel pre základné operácie (otváranie, tlač a úprava súborov) a panel pomocníkov, ktorý obsahuje 9 tlačidiel pre deväť pomocníkov. Pomocou nich môžete jednoducho pridávať a prispôsobovať rôzne prvky: farby, tvary, odkazy, obrázky a tabuľky.
Vľavo je tiež bočný panel, ktorý môže zobraziť 5 okien:
Screem podporuje 4 typy zobrazenia webovej stránky:
Pod jednoduchým rozhraním Screem je skrytý výkonný HTML editor. Len by som si prial, aby bola jednoduchšia inštalácia pod KDE. Testoval som Screem na Ubuntu LiveCD, aby som sa vyhol kompilovaniu a sťahovaniu knižníc GNOME potrebných na spustenie tohto editora na KDE. A stále je Screem živým príkladom aplikácie, ktorá sa dokonale vyrovná s danou úlohou, pričom využíva minimum ďalších funkcií. Ak používate GNOME, Screem môže byť pre vás. Ak používate KDE alebo iné prostredie, budete si musieť stiahnuť ďalšie knižnice, aby ste mohli pracovať s týmto editorom.
Modrá rybka
Bluefish je v mnohých ohľadoch zložitejšia ako Screem, ale všestrannejšia. Okrem HTML a CSS vám umožňuje upravovať C, Java, Perl, Python, XML a niekoľko ďalších jazykov. Pre prácu s HTML a CSS má tento editor podobné možnosti ako Screem. Na rozdiel od posledne menovaného však Bluefish neponúka zoznam parametrov tagu na výber, ani nemení uzatvárací tag pri zmene úvodného tagu.
Napriek tomu je Bluefish dobre organizovaný a ľahko sa používa. Prostredníctvom ponuky značiek môžete vybrať značku a použiť ju na vybraný text alebo jednoducho vložiť značky, ak text nie je vybratý. Tagy v ponuke sú rozdelené do 9 kategórií: Hlavičky, Špeciálne, Formátovanie, Kontextové formátovanie, Všeobecné formátovanie, Tabuľka, Zoznam, Formulár a Rôzne. Ponuka Dialógy poskytuje niekoľko dialógov (podobných pomocníkom v Screem) na vykonávanie rôznych úloh: pridanie odkazu, tabuľky, formulára alebo štýlu CSS. V dialógových oknách zadávate alebo vyberáte zo zoznamu hodnôt parametrov pre rôzne značky, ktoré Bluefish vloží do dokumentu. Cez dialógové okná sa vykonáva aj prvotná konfigurácia dokumentu pridaním meta tagov, odkazov na štýly atď. Ponuky sú nezávislé od kontextu, to znamená, že ak upravujete súbor Python, stále budú poskytovať funkcie na prácu s HTML.
Bluefish má praktického sprievodcu skicovaním. S ním môžete ľahko vytvoriť náhľad akéhokoľvek obrázka, čo je praktické, ak si chcete na svojom webe usporiadať online fotoalbum. Tento sprievodca upraví mierku obrázka na zadanú veľkosť alebo percento a automaticky pridá obrázok a značky pre prepojenie.
Bluefish je veľmi schopný HTML editor, najmä ak musíte veľa písať v PHP, JavaScript, Java a ďalších podporovaných jazykoch. Všetky úpravy v Bluefish sú v podstate riadené ponukou, vďaka čomu sú menej interaktívne ako Screem, ktorý robí to isté dynamicky počas písania. Možnosti Bluefish však ďaleko presahujú jednoduché úpravy HTML a CSS. Navyše sa inštaluje a beží bez problémov na KDE aj GNOME.
Quanta plus
Quanta Plus je v podstate editor kódu. Má nejaké WYSIWYG schopnosti, no nie sú také užitočné, ako by sa na prvý pohľad mohlo zdať. Akonáhle som pridal tabuľku na malú webovú stránku, náhľad mi prestal fungovať. To ma trochu prekvapilo, pretože sa zároveň načítala zložitejšia stránka, ktorej náhľad sa zobrazoval normálne. Ale aj keď náhľad funguje dobre, je tu dosť zvláštna podpora pre úpravu WYSIWYG. Napríklad stlačením klávesu "Enter" vložíte značku zalomenia riadku namiesto novej značky odseku. To isté sa stane pri úprave zoznamu, keď stlačenie klávesu "Enter" teoreticky vytvorí novú položku v zozname. Vo všeobecnosti sa ukážky najlepšie používajú na prezeranie výsledku, a nie na priame úpravy.
Okrem všetkých vyššie uvedených skutočností je Quanta Plus skutočne výkonným editorom kódu. Jeho rozhranie je oveľa zložitejšie ako rozhranie Bluefish, ale hlavnou úlohou Quanta Plus je stále úprava webu. Tento editor podporuje zvýrazňovanie syntaxe, skriptovanie a značkovacie jazyky. Rovnako ako v prípade Bluefish, ak je ponuka navrhnutá tak, aby fungovala v jednom jazyku, potom práca s touto ponukou nemá žiadny vplyv na kód napísaný v inom jazyku. Quanta Plus umožňuje používateľom vytvárať si vlastné panely s nástrojmi špecifickými pre daný jazyk.
Opäť ako v Bluefish je najlepšie začať vytvárať novú stránku s menu tagov, kde nájdete dialóg na vytvorenie hlavnej štruktúry (meta tagy, názov dokumentu a pod.). Cez menu tagov môžete jednoducho vložiť tag alebo otvoriť dialóg pre konfiguráciu tagu s viacerými parametrami. Podľa môjho názoru je najdôležitejšie, že Quanta Plus ponúka výber parametrov tagu a hodnôt týchto parametrov v procese písania kódu. Bluefish túto funkciu ako takú nemá a Screem vás vyzve iba na výber možnosti, nie hodnoty.
Ďalšia užitočná funkcia, keď vložíte značku, ktorá zvyčajne obsahuje pridružené značky, Quanta Plus automaticky pridá druhú značku. Napríklad, keď vložíte značku zoradeného zoznamu, editor automaticky pridá úvodnú a záverečnú značku pre jednu položku zoznamu a koncovú značku zoradeného zoznamu.
Ovládanie CSS v Quanta Plus je trochu mätúce, pretože sa vykonáva prostredníctvom dvoch dialógových okien. Ale ak sa na to pozriete, úprava CSS bude veľmi jednoduchá. Aby ste mohli vytvoriť štýl CSS, musíte najskôr otvoriť dialógové okno „Selektor CSS“ a definovať prvok, na ktorý sa štýl použije. Potom dvojitým kliknutím na "CSS Selector" prejdite na ďalší dialóg "CSS Editor", v ktorom už môžete zadať všetky parametre štýlu. Výsledkom je perfektne naformátovaný kód CSS.
Quanta Plus je najkomplexnejší editor zo všetkých troch, ale zároveň aj najschopnejší. Je dobrou správou, že rozhranie Quanta Plus si môžete prispôsobiť podľa svojich potrieb. Tento editor ponúka všetko, čo potrebujete, a ešte viac na uspokojenie potrieb používateľov, ktorí píšu a upravujú kód HTML a CSS. Pre tých, ktorí používajú GNOME, sú na inštaláciu Quanta Plus potrebné ďalšie knižnice, ale bude to stáť za to. Používatelia KDE nebudú mať tento problém, pretože editor je zabudovaný do KDE.
Moja jednoduchá rada je použiť Quanta Plus na úpravu súborov HTML a CSS. Pre tých, ktorí nehľadajú jednoduché spôsoby, ponúkam tieto možnosti:
Je pekné, že existujú aspoň tri slušné aplikácie na vývoj webových aplikácií pre Linux. Screem, Bluefish a Quanta Plus nie sú v tejto oblasti také komplexné ako líder Adobe Dreamweaver, ale dosť sa k tomu približujú. Quanta Plus je takmer analogický s Dreamweaverom. Vzhľadom na to, že druhý je pomerne drahý a štandardne nepodporuje Linux, vyššie uvedená trojica je vynikajúcou voľbou. Okrem toho, že sú tieto editory zadarmo, odmeňujú svojich používateľov aj skvelými výsledkami.
Ak sa vám článok páčil, zdieľajte ho so svojimi priateľmi:
Ak sa na niektorom z fór spýtate podobnú otázku, tak s vysokou mierou pravdepodobnosti narazíte na dve diametrálne odlišné odporúčania – všetko „skladať“ v čisto vizuálnom (teda WYSIWYG) editore ako DreamWeaver alebo spustiť z akýchkoľvek editorov, ako je oheň a všetko robte výlučne v programe Notepad / Vi / Emacs. Ako je pre akékoľvek extrémy typické, práve v nich sa najvýraznejšie prejavujú tie či oné nedostatky metódy – v prvom prípade slabosť kontroly nad výsledným kódom a v druhom extrémne veľký podiel „zlej“ práce. Nie je teda prekvapujúce, že medzera medzi týmito dvoma pólmi nie je v žiadnom prípade prázdna a vývojári editorov HTML, ktorí ju zaberajú, sa snažia „spriateliť myš a klávesnicu“ tým najoptimálnejším spôsobom. A práve pohodlie „ručného“ písania HTML-kódu bez straty kontroly nad výsledkom bude kľúčové pri porovnaní troch najpopulárnejších webových editorov v Linuxe – Screem, Quanta Plus a Bluefish. Aj keď ich funkčný obsah tiež nebude ignorovaný. Pre úplnosť sa dotknime aj dvojice typických WYSIWYG editorov – „referenčného“ editora Amaya, ktorý je v úzkych kruhoch Nvu široko známy.
Na testovanie som použil distribúciu Ubuntu 6.06 LTS s Gnome 2.14.1, takže aplikácie založené na GTK mali náskok. Všetky editory boli nainštalované z repozitárov v režime „tak ako sú“, nebolo vynaložené žiadne úsilie na rusifikáciu, rozširovanie funkcionality pomocou pluginov atď. neboli zahrnuté.
Zvažuje sa:
- Modrá rybka 1.0.5
- Quanta Plus 3.5.2
- Screem 0.16.1
Mimo súťaže:
- Amaya 8.5
- Nvu 1.0 (20060508)
Amaya
Ekvalizácia na W3C
Začnime naše skúmanie s vizuálnym editorom - Amaya. Nie preto, že je taký skvelý, ale preto, že ho vyvíja organizácia W3C. Presnejšie povedané, ide predovšetkým o prehliadač s veľmi pokročilými funkciami úprav.
Je celkom možné ho použiť ako editor (je možné priamo upravovať zdrojový kód, aj keď bez zvláštnych zbytočností), ale všetko kazí iba jeden malý detail - nechce sa mu zadávať ruské symboly a je to . Zobrazte z hotového súboru - prosím, odstráňte - s potešením. A vstúpiť - nie, nie. To znamená, že pri zapnutom ruskom rozložení absolútne žiadna reakcia na klávesy. Na vine je buď zastarané rozhranie, alebo prílišná viazanosť vývojárov na ASCII. Ale tak či onak a domáci weboví kodéri v ňom nebudú príliš pohodlní.
Nechajme teda rolu „referenčného prehliadača“ na neho a začnime zvažovať hlavných adeptov na víťazstvo.
Výsledok v ňom vidíte, no na úpravu je vyslovene slabý...
Má všetky šance stať sa dokonalým pre verziu 1.0
Prvý dojem o Screem je "len editor>. Pracovné okno je rozdelené do troch polí - vstupné pole vpravo, v spodnej časti sa zobrazujú chyby a upozornenia a vľavo je niekoľko záložiek, ktoré uľahčujú navigácia v dokumente, práca so súbormi atď. Obzvlášť užitočná sa mi zdala záložka Strom, ktorá zobrazuje stromovú štruktúru stránky - dvojitým kliknutím povedzme na riadok HEAD sa vykoná výber v poli úprav všetkých kódov súvisiacich s hlavičkou.
Od bežného textového editora by sa mal samozrejme odlišovať pokročilou prácou s HTML tagmi. V tomto prípade „pokročilosť“ spočíva vo zvýraznení syntaxe, možnosti zadať konkrétny tag jeho výberom z menu (veľmi pohodlné je vložiť META tagy a reťazec DOCTYPE na pár kliknutí) a v automatickom dopĺňaní/nápovede zadaných značiek (vrátane argumentov).
Ďalšou funkciou je poloautomatické zatváranie „spárovaných“ tagov. "Polo-", pretože predtým, ako sa objaví koncová značka, musíte niečo urobiť - konkrétne zadajte sekvenciu "".
Bohužiaľ neexistujú žiadne „klávesové skratky“ na rýchle zadávanie značiek. Ale ako kompenzácia - možnosť vybrať vľavo na karte "Zdroje" a dvojitým kliknutím vložiť ľubovoľnú značku. A karta "Atribúty" vám umožní pozrieť sa na všetky atribúty vybranej značky a zmeniť ktorýkoľvek z nich.
Celkom užitočnou funkciou je kontrola syntaxe HTML (menu "Nástroje> Poriadok> Poriadok (HTML)"). Nižšie na karte „Chyby“ získate informácie o všetkých nájdených chybách (napríklad značky, ktoré v prírode neexistujú) a upozornenia. Žiaľ, všetky znaky azbuky s diagnózou „neplatný znakový kód“ spadajú do druhej kategórie, čo trochu preťažuje výstup.
Na zadávanie „komplexných“ značiek – ako sú obrázky, odkazy, tabuľky, formuláre – slúžia dialógy na zadávanie parametrov (nazývané „sprievodcovia“). Mimochodom, ukázalo sa, že sú celkom vhodné na použitie pre vložky SSI, najmä keď skleróza vymaže z pamäte bolestne známe kombinácie písmen ...
Obrázky je vhodné vkladať ako „sprievodcu“: v štandardnom dialógu vyberte požadovaný súbor, nastavte alternatívny podpis (atribút alt) – a máte IMG tag s automaticky nastavenými hodnotami výšky a šírky. Ostatné atribúty, ako napríklad zarovnanie, je možné jednoducho zmeniť pomocou karty s rovnakým názvom, ktorá je spomenutá vyššie. Pozrite si aj „Sprievodcu farbami“ – veľmi praktický nástroj na výber farieb.
Zo servisných funkcií - kontrola pravopisu, zoskupenie viacerých stránok do projektov (tu sa im hovorí „stránky“), podpora CVS, publikovanie projektu pomocou FTP. Odkazy nájdené na stránke je možné zobraziť na diagrame (pomocou alebo výberom položky „Zobraziť> Zobrazenie odkazu“ v ponuke) a okamžite zistiť, ktoré z nich sú interné, ktoré sú externé a ktoré vo všeobecnosti nikam nevedú. Podobne sa zapne režim náhľadu. Ak chcete, môžete použiť zobrazenie aj v externom prehliadači.
No a pomerne podrobný a dobre ilustrovaný odkaz vám umožní zvládnuť editor nielen metódou „vedeckého pokecovania“.
Dá sa teda povedať, že tento „len editor“ je vlastne celkom pohodlný a funkčný nástroj. Hoci chýbajúce klávesové skratky na vkladanie tagov a zvláštna implementácia automatického zadávania koncových tagov núti buď písať takmer všetko ručne, alebo sa uchýliť k častejšiemu používaniu myši, ako by sa pri „rýchlom“ zadávaní chcelo.
Polovičné rusifikované, ale inak veľmi dobré!
Zobrazovanie odkazov vyzerá ako nočná mora ... Ale niekedy sa bez toho nezaobídete.
Quanta plus
Hviezda KDE sa tiež poctivo snaží pracovať v Gnome...
Možno najlepší HTML editor založený na Qt a skutočne jeden z najlepších. Hlavným režimom prevádzky je ručná úprava kódu, aj keď je k dispozícii aj vizuálny režim, ako aj jedinečný „kombinovaný“ režim, keď je pracovné pole rozdelené na dve časti: hore - ako bude stránka vyzerať; nižšie je zdrojový kód. Okrem toho môžete stránku upravovať tam aj tam - všetky zmeny sa automaticky synchronizujú. To znamená, že vložením kódu okamžite uvidíte výsledok, alebo naopak - zadaním zalomenia riadku môžete okamžite zistiť, ktorá značka to robí.
Nie všetky značky sú priradené predvolene, ale ako by ste očakávali od typickej aplikácie KDE, sú plne prispôsobiteľné. Automatické dopĺňanie (ako v Screem, ktoré reaguje len na veľké písmená) a nápovedy parametrov fungujú s úderom. Na rozdiel od Screemu je veľmi dobre implementované automatické zatváranie tagov - uzatvárací tag sa vkladá hneď za otvárací a kurzor je umiestnený medzi tagmi. Podobne sa editor správa aj pri vkladaní tagu pomocou klávesovej skratky, čo vám umožňuje prakticky sa nenechať rozptyľovať polohovaním kurzora počas procesu písania. Jediným kontroverzným bodom je, že ak má značka povinné atribúty, klávesová skratka otvorí dialógové okno na ich zadanie. Pri rýchlom písaní to ruší a musíte úplne opustiť používanie klávesových skratiek pre takéto značky.
V niektorých prípadoch sú však užitočné dialógy – najmä „Dialógové okno rýchleho spustenia“, ktoré vytvorí nový dokument a vloží do neho štandardnú šablónu html stránky. Pre tabuľky existujú dve možnosti vytvárania (okrem čisto manuálneho zadávania a úplne vizuálnej kompilácie) - "Editor tabuliek", ktorý umožňuje vyplniť tabuľku priamo v dialógovom okne a zadávanie pomocou značiek.
Práca so štýlmi jednotlivých prvkov je veľmi pohodlná (tlačidlo CSS na karte Štýl). Ale, žiaľ, v „predvolenom“ dodaní som nenašiel funkcie na vytváranie CSS tabuliek podobné tým v Screem alebo Bluefish.
V editačnom okne sa mi páčila funkcia „skladania“ kódu, kedy sa dajú všetky riadky zodpovedajúce povedzme tabuľke, php-insert alebo DIV elementu zbaliť do jedného riadku – to umožňuje skryť nepotrebné pri úprave a zamerať sa presne na to, čo je potrebné.
Napravo a naľavo od poľa úprav nájdete pomocné panely nástrojov. Ten pravý má na starosti volanie pomoci a za atribútové pole html tagov, ktoré plní funkcie podobné záložke „Atribúty“ v Screem – t.j. umožňuje zobraziť zoznam atribútov ľubovoľnej značky, na ktorej je umiestnený kurzor, a zmeniť hodnotu ktoréhokoľvek z nich.
Vľavo sú tlačidlá na vyvolanie adresárového stromu (na rozdiel od Screemu inteligentnejšie funguje pretiahnutie súboru do editačného poľa, v ktorom sa vloží nielen názov súboru, ale v závislosti od situácie aj celý tag atď.), práca s projektom, šablóny, štruktúra dokumentu (dvojklik umožňuje vybrať aj celý fragment kódu vnorený do tohto prvku), pomocné skripty.
V menu "Pluginy" nájdete množstvo užitočných programov súvisiacich s úpravou html-kódu: kontrola stavu odkazu, nástroj na prácu s obrázkovými mapami, CVS-toolkit. Vzhľadom na zameranie Quanta Plus na prostredie KDE však v Gnome veľa z toho nebude fungovať.
Prispôsobiteľnosť editora je jednoducho úžasná – stačí sa pozrieť na zloženie ponuky „Nastavenia“. Môžete si prispôsobiť takmer všetko pre seba: panely nástrojov, externé programy, klávesové skratky, vzhľad samotného editora, režimy náhľadu... Vo všeobecnosti je v Quanta Plus dosť ťažké nájsť niečo, čo by bolo štandardne nepohodlné a aj tak že ho nemožno zmeniť v súlade s vašimi zvykmi a preferenciami.
Quanta Plus teda (aj vzhľadom na to, že testovanie prebiehalo v prostredí Gnome a niektoré funkcie nefungovali) urobilo veľmi dobrý dojem. Jeho sila, flexibilita a prispôsobenie sú schopné uspokojiť požiadavky tých najnáročnejších webových kóderov bez ohľadu na úroveň ich zručností.
Nie je takmer čo vytknúť. A dokonca mu možno odpustiť aj výrazný dizajn v štýle "K" ...
Atribúty vpravo, skladanie kódu vľavo ... Kto by mohol chcieť viac?
Hlavný uchádzač o vedenie v kategórii „pre Gnome“.
Jeden z vyspelejších editorov založených na GTK. Rozloženie okna je celkom štandardné - v hornej časti panela s nástrojmi, rozdelené do niekoľkých záložiek; vľavo sú tri záložky (strom adresárov pre prácu so súbormi, pomocník, záložky); na pravej strane je hlavné pole úprav. Okrem hlavného menu s tradičnou sadou položiek je k dispozícii aj vlastné menu (pod panelom nástrojov), pomocou ktorého môžete rýchlo vkladať fragmenty „šablóny“, ako napríklad riadok DOCTYPE, META tagy, komentáre, ľubovoľné spárované a jednotlivé tagy (môžete zadať ľubovoľný názov) atď. Okrem HTML môžete vložiť nejaké PHP, SQL príkazy, DocBook tagy, pár štandardných fragmentov na konfiguráciu Apache (zodpovedá za Basic autentifikáciu a zakazuje otváranie inc súborov) a dokonca aj niečo v C. Teda okrem html súborov , Bluefish sa tiež snaží zmierniť vašu bolesť pri písaní typickej konfigurácie .htaccess a vývoji jednoduchých php vložiek. Výberom "Ponuka používateľa" Ponuka Upraviť " je veľmi jednoduché definovať akékoľvek šablóny, ktoré potrebujete.
Okrem pomerne rozsiahleho menu "Značky", ktoré umožňuje vložiť takmer ľubovoľný štítok, nájdete veľa zaujímavých vecí v susedných "Dialógoch", kde sa vypisujú operácie vyžadujúce dodatočné parametre a umožňujúce vložiť celé skupiny prvkov jedným ťahom. Napríklad "Všeobecné" Názov dokumentu "(alebo) okamžite vloží kostru budúcej html stránky - s hlavičkami, META tagmi a šablónou pod telo stránky. Podobne môžete vložiť šablónu pre tabuľku, rámy (tu nazývané „rámčeky“) atď. ...
Samostatnú zmienku si zaslúži záložka CSS – aj keď na nej nájdete len tri tlačidlá. Druhá a tretia sú na rýchle vloženie značiek SPAN a DIV. Prvý z nich vám však umožňuje úplne vytvárať predlohy štýlov. Aj keď si nepamätáte ani desatinu možných parametrov a ich hodnôt, nebude ťažké vybrať z rozbaľovacieho zoznamu ten, ktorý potrebujete a jednoducho ho vložiť do vytváranej tabuľky. Tlačidlo "Farba" v dialógovom okne umožňuje nastaviť farbu (ak je to potrebné), jednoduchým kliknutím na požadovanú farbu.
Pre značky ani ich parametre neexistuje automatické dopĺňanie - iba zvýraznenie syntaxe (a potom musíte najskôr nastaviť typ dokumentu "html" v položke ponuky s rovnakým názvom - štandardne sa editor otvára v režime obyčajného textu). Jediné, čo sa robí automaticky, je zatváranie spárovaných tagov (dá sa vypnúť, rovnako aj zvýrazňovanie).
Pre rýchle písanie má väčšina značiek celkom zapamätateľné klávesové skratky (aj keď nie vždy jednoduché). Nenašiel som, kde sa dajú zmeniť, napriek povzbudivej položke v menu „Upraviť“ – „Uložiť klávesové skratky“.
Funkcia práce s miniatúrami obrázkov sa zdala zaujímavá - vyberte súbor a podľa náhľadu nastavte požadovanú veľkosť pomocou obvyklého "posuvníka". Užitočný bude aj nástroj na výber farby („Dialógy“ Všeobecné „Výber farieb“) – kliknite myšou na odtieň, ktorý sa vám páči, a po zatvorení dialógového okna sa do kódu vloží jeho hexadecimálne znázornenie.
Nechýba podpora projektov, kontrola pravopisu, interakcia s externými programami (make, javac kompilátor, kontrola syntaxe HTML, konverzia znakov ukončenia riadkov DOS2UNIX; v nastaveniach je celkom jednoduché pripojiť si vlastný handler). Výsledok je možné zobraziť iba v externom prehliadači.
Vo všeobecnosti tu bol dojem určitej neúplnosti, hoci potenciál editora je obrovský. Obzvlášť sa mi páčili možnosti zvýšenia funkčnosti vďaka externým programom. Dobrý dojem zanechalo používateľské menu, pomocou ktorého väčšinu bežných operácií jednoducho zredukujete na pár kliknutí myšou. Začiatočníkom však bude naozaj chýbať automatické dopĺňanie a tipy na parametre. Verdict je dobrý editor pre profesionálov, ktorí nie sú zvyknutí na prehnaný luxus, no chcú si zautomatizovať typické úkony.
Úhľadné osvetlenie a prispôsobiteľné panely vám umožňujú pracovať s takmer akýmkoľvek kódom, ktorý by ste mohli potrebovať pri návrhu webovej stránky.
Dialóg pre vytvorenie predlohy štýlov – výsledok sa pridá do editačného poľa.
Nvu
Ak ste si vybrali tento WYSIWYG editor, zabudnite na manuálne úpravy
Toto duchovné dieťa Linspire používa vizuálny režim ako normálne, ako by ste očakávali od programu zameraného na používateľa. Pomocou kariet v spodnej časti pracovnej plochy je však veľmi jednoduché prepnúť ju do režimu úpravy zdroja. Tu je ukážka a režim s názvom „HTML Tags“, kedy na stránke (ako to bude vyzerať v prehliadači) je na každý prvok aplikovaný „label“, ktorý ukazuje, ktorý tag je za tento prvok zodpovedný. Je to celkom pohodlné na rýchlu analýzu cudzieho kódu - nenašiel som žiadnu inú aplikáciu pre tento režim.
Práca vo vizuálnom režime sa príliš nelíši od práce v bežnom textovom procesore, ako je OOo Writer alebo AbiWord. A dohodli sme sa, že sa zameriame predovšetkým na „ručnú“ úpravu.
Napodiv, ale pri prepnutí do manuálneho režimu sú tlačidlá na paneli nástrojov a položky ponuky zodpovedné za určité značky zablokované. Žiadne automatické dopĺňanie, minimálne zvýrazňovanie syntaxe, ktoré sa nevzťahuje na novo zadaný text... Vo všeobecnosti platí, že „ubralo – nehovorte, že nie ste statný“, a keďže sa vám nepáči vizuálny režim, zaobstarajte si obyčajný Poznámkový blok. Ako editor zdrojového kódu Nvu nesvieti (a nie je na to určený), takže tu dokončíme recenziu ...
výsledky
Výber najlepšieho HTML editora sa ukázal byť ťažký. Bluefish v prostredí Gnome sa cíti ako ryba vo vode (len žiadne vtipy o farbe, dobre?), K bezpodmienečnému víťazstvu jej však stále chýba funkčnosť. Pre tých, ktorí sú zvyknutí na prácu v programe Poznámkový blok, to však bude voľba blízka ideálu – je úplne nenápadný (dokonca takmer neviditeľný), no zároveň je vždy pripravený vám pomôcť.
Screem napriek malému číslu verzie takmer v ničom nezaostáva za Bluefish a miestami dokonca predbieha. Trochu zvláštne implementované automatické zatváranie spárovaných tagov niekedy prekáža pri práci a nedostatok klávesových skratiek pre tagy vo všeobecnosti uvrhne do hlbokej beznádeje tých, ktorí očakávali, že zahodia myš, no zároveň nezadávajú všetko rukami. .
No Quanta Plus, aj keď sa ocitla v nepôvodnom prostredí, predviedla najharmonickejšie spojenie „pomocných“ funkcií a pohodlia rýchlej práce. Schopnosť prispôsobiť si takmer všetko bude nepostrádateľná pre tých, ktorí sa radi „prechádzajú“, hoci štandardne sa klávesové skratky a zloženie panela s nástrojmi vyberajú celkom pohodlne. Vo všeobecnosti je v súčasnosti nesporným lídrom „mimozemšťan z planéty KDE“ ako najvyspelejší a najpremyslenejší HTML editor, za ktorý získava vavríny víťaza.
Neviete sa rozhodnúť, ako čo najlepšie upraviť svoju stránku – manuálne alebo vizuálne? S Quanta Plus sa nemusíte zmietať medzi dvoma prevádzkovými režimami!