Reklama

wysiwyg html editorĽudia, ktorí používajú prehliadač Chrome alebo Firefox na účely vývoja webových stránok, vedia, že pre každý prehliadač sú k dispozícii niektoré veľmi dobré nástroje, vďaka ktorým je vývoj stránok oveľa jednoduchší. Od rozšírenia Firefoxu Firebug po zabudované nástroje na vývoj webových aplikácií prehliadača Chrome môžu vývojári rýchlo a ľahko upravovať kód, ktorý vidia na stránke, a zmeny sa okamžite zobrazia, čo im umožňuje určiť, čo funguje a čo nie je.

Počas celého procesu však stále musíte vedieť niečo o kódoch HTML, CSS a Javascript, čo nemusí byť najlepšie pre ľudí, ktorí o ňom veľa nevedia. Našťastie existuje rozšírenie pre prehliadač Chrome, ktoré vám umožňuje upravovať stránky WYSIWYG spôsobom.

inštalácia

Ak chcete nainštalovať toto rozšírenie, jednoducho kliknite na odkaz v prehliadači Chrome a prejdite na stránku na stiahnutie daného rozšírenia. Kliknite znova a inštalácia sa uskutoční o niekoľko sekúnd. Nové rozšírenie môžete aktivovať pomocou tlačidla v pravom hornom rohu.

instagram viewer

Hlavné rysy

wysiwyg html editor

Kliknutím na tlačidlo rozšírenia budete môcť upraviť stránku, na ktorej sa práve nachádzate, a budete ju potrebovať kliknite na tlačidlo pre každú ďalšiu stránku, ktorú chcete upraviť, aj keď je na inej stránke tab. Po kliknutí na tlačidlo sa vám zobrazí množstvo nástrojov, ktoré vám umožnia robiť veľa vecí s obsahom stránky. Nielenže môžete zmeniť formátovanie, ale tiež môžete zmeniť to, čo stránky hovoria samy. Stačí kliknúť a začať písať, akoby to bol textový procesor.

Pravým tlačidlom myši kliknite na položku ponuky akcií

zadarmo wysiwyg html editor

Ak kliknete pravým tlačidlom myši na položku, dostanete zoznam rôznych akcií, s ktorými môžete robiť čokoľvek, na čo ste klikli. Pre text získate možnosti ako Prilepiť, Upraviť Div, Odstrániť Diva Vlastnosti odrážky. Ak kliknete na odkaz, zobrazia sa vám aj možnosti na zmenu alebo odstránenie odkazu. Odkaz samozrejme môžete vždy pridať aj pomocou príslušného tlačidla na paneli nástrojov v hornej časti stránky.

Vlastnosti obrázka

zadarmo wysiwyg html editor

Kliknutím na obrázok sa môžete pozrieť na Vlastnosti obrázka, ktoré zobrazujú veci ako URL, alt text, šírka a výška a ďalšie, ktoré je tiež možné upravovať. Môžete dokonca upravovať pokročilejšie informácie, napríklad adresu URL odkazu na obrázok a rôzne ďalšie veci, o ktorých by vývojári webu vedeli viac.

Uloženie vašich zmien

wysiwyg html editor

Akonáhle budete hotoví so všetkými zmenami, môžete sa na ne pozerať, až bude čas zatvoriť prehliadač, alebo môžete celú stránku vrátane zmien uložiť do súboru HTML. Stačí kliknúť na tlačidlo Uložiť a zobrazí sa okno s odkazom, ktorý môžete kliknúť pravým tlačidlom myši a vybrať možnosť „Uložiť odkaz ako“. Najlepšie na tom je, že šetrí zdroj, takže ho vždy máte, ak je to potrebné.

záver

PageEdit je pekné rozšírenie, ktoré vám umožňuje upravovať stránky zábavným spôsobom, ktorý tiež nerešpektuje tradičné vývojové nástroje. Dúfajme, že s týmto nástrojom sa budete môcť baviť viac, ako s akýmkoľvek iným spôsobom pri vytváraní webových stránok. Potrebujete rýchly nápad? Skúste vybrať stránku, upravte ju podľa svojich predstáv, uložte ju na pevný disk a nasmerujte prehliadač, aby ju použil ako svoju domovskú stránku. Môžete napríklad zobrať predvolenú vstupnú stránku Google a nahradiť logo vlastným obrázkom.

Ak sa však chcete naučiť trochu kódu, skúste to náš sprievodca XHTML Naučte sa hovoriť „internet“: Váš sprievodca xHTMLVitajte vo svete XHTML - Extensible Hypertext Markup Language - značkovací jazyk, ktorý umožňuje komukoľvek vytvárať webové stránky s mnohými rôznymi funkciami. Je to primárny jazyk internetu. Čítaj viac !

Myslíte si, že PageEdit je skvelý nápad? Použili by ste ho na tradičné vývojárske nástroje? Dajte nám vedieť v komentároch!

Danny je senior na University of North Texas, ktorý má všetky aspekty softvéru s otvoreným zdrojom a Linuxu.