Jednom kada mi je trebao WYSIWYG editor, setio sam se kako izgleda, njegovih funkcija, ali nisam zapamtio naziv. Nakon 45 minuta, ipak sam ga pronašao... Tada sam sebi postavio zadatak da pomognem mnogima, uključujući i sebe: da napravim konsolidiranu listu svih malo poznatijih WYSIWYG urednika.
Uvod
Ova tema je opsežna lista vizuelnih uređivača, skoro ili delimično upotrebljivih. Cilj koji sam slijedio bio je organiziranje postojećih podataka rasutih po internetu.TinyMCE
Jedan od najrasprostranjenijih vizuelnih uređivača, ima izuzetnu funkcionalnost. Postoji mnogo dodataka, mnogi dodaci su instalirani po defaultu.
(Pretraživači: Mozilla 1.3+, MSIE 5.5+, Opera 9.0+, Safari, Chrome)
[Službena stranica | Demo]
CKeditor
Potpuni analog TinyMCE.
[Službena stranica ]
CLEditor
Jednostavan vizuelni uređivač, ne zahteva posebne funkcionalnosti. Ali napravljen je prilično dobro, sve funkcije su kvalitetno implementirane.
(Pretraživači: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Camino 1.0+, Internet Explorer 5.5+, Google Chrome)
[Službena stranica ]
NicEdit
Editor je vrlo sličan CLEditoru. Ima standardnu funkcionalnost.
(Pretraživači: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Službena stranica ]
elRTE
Vrlo kvalitetan vizualni uređivač. Ima široku funkcionalnost. Urađeno u veoma visokom kvalitetu.
(Pretraživači: Firefox 3.5+, Opera 10+, Safari 3.0+, Internet Explorer 7+, Google Chrome)
[Službena stranica | Demo]
Spaw
Veoma prosečan vizuelni urednik. Ima standardnu funkcionalnost.
[Službena stranica | Demo]
Xinha
Lep vizuelni uređivač, karakteristična karakteristika- puno ugrađenih radnji, odnosno neće biti teško prilagoditi ga svojim potrebama.
(Pretraživači: Firefox 1.5+, Opera 9+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[Službena stranica | Demo]
Imperavi (Plaćeno)
Prilično simpatičan editor, funkcionalnost nije sjajna, ali je sasvim dovoljna. Postoji niz grešaka povezanih s prijelazom sa html-a na vizualni uređivač i obrnuto. (align "s su uklonjeni) Važno je napomenuti da Imperavi radi kao jQuery dodatak.
Postoji dobra dokumentacija.
(Pretraživači: Firefox 1.5+, Opera 9+, Safari 4+, Internet Explorer 7+, Google Chrome)
[Službena stranica | Demo]
Markitup
Maritup je više kao pogodan editor html, koji je pogodniji za profesionalca nego za običnog korisnika. Ali ako znate html, onda može biti vrlo zgodno.
(Pretraživači: Firefox 3+, Opera 9+, Safari 3+, Internet Explorer 6+, Google Chrome)
[Službena stranica | Demo]
Aloha editor
Nije loš urednik, vrlo zgodan. Međutim, postoji veliki nedostatak koji zasjenjuje gotovo sve prednosti - to je odbijanje podrške za stare i ne tako pretraživače (dostupne su samo najnovije verzije pretraživača).
(Pretraživači: potrebna je podrška za HTML5, Opera nije podržana)
[Službena stranica | Demo]
Mercury editor
Mercury je solidna web stranica i može se koristiti za uređivanje cijelu stranicu ili pojedinačne specifične oblasti. Podržava pregled uređenog sadržaja, kao i postavljanje linkova, slika, video zapisa i tabela. Upload fajlova se može obaviti korišćenjem interfejsa drag "n" drop.
Urednik takođe podržava zajednički rad nekoliko ljudi. Mercury se može instalirati kao samostalni Rails ili ubrizgavanjem u kod stranice. (potreban je JQuery)
A nedostatak je što su podržani samo sljedeći pretraživači: Chrome 10+, Safari 5+, Firefox 4+.
[Službena stranica | Demo na glavnoj stranici]
YUI uređivač bogatog teksta
Vizualni uređivač iz Yahooa. Kao što je ispravno napomenuto, jedan od najboljih vizuelnih urednika. Ima sveobuhvatnu funkcionalnost i podržava veliku većinu pretraživača.
[Demo]
MooEditable
Skup funkcija je vrlo ograničen, ali ponekad nije potrebno više.
[Demo]
OpenWysiwyg
Punopravni editor za više pretraživača sa svim potrebnim funkcijama. Čak uključuje i atraktivne padajuće menije i dugmad. Nažalost, Chrome to ne podržava.
(IE 5.5+, Firefox 1.0+, Mozilla 1.3+ i Netscape 7+)
Kada su uređivači koda u pitanju, ponekad je teško dobiti jasan pregled svih prednosti i prednosti funkcionalnost koje različiti urednici mogu predložiti. Međutim, na kraju je potrebno najmanje jedan, tako da je veoma važno znati koji uređivač je najbolji za vaše lične potrebe.
WYSIWYG urednike često kritikuju zagovornici "ručno izrađenog" koda zbog napuhanog, neurednog i neusaglašenog sa standardima izvornog koda koji proizvode. Međutim, u U poslednje vreme WYSIWYG uređivači su mnogo bolji. Ponekad morate svojim klijentima pružiti najviše jednostavni alati da uređuju ili ažuriraju svoje web stranice. I tu su WYSIWYG urednici nezamjenjivi.
Bilo bi pogrešno preporučiti vam neke od "najboljih" urednika, jer izbor uvijek ovisi o vašim potrebama, osnovnim ciljevima, vještinama i iskustvu. Stoga smo u ovom članku pokušali da vam damo pregled različitih, korisnih i ne baš WYSIWYG urednika.
Nadamo se da ćete pronaći nove urednike za koje nikada prije niste čuli. Ili možda pronađete neke funkcije koje ste propustili u svom omiljenom uređivaču ili rizikujete da eksperimentišete sa brojnim obećavajućim opcijama za poboljšanje toka rada. Osim toga, možete saznati koje uređivače možete koristiti, a koje alate ne biste trebali koristiti.
Šta to znači WYSIWYG?
U takvim uređivačima možete promijeniti ne izvorni kod svojih dokumenata, već njegov prikaz, koji će (ako je moguće) biti objavljen u konačnom dokumentu. Stoga, umjesto ručnog pisanja blokova koda, vi kontrolišete dizajn sa komponentama pomoću prozora uređivača. To znači da vidite nešto vrlo slično konačnom rezultatu, iako se dokument ili slika još uvijek kreiraju.
Bilješka: Ovaj članak daje pregled samo desktop WYSIWYG uređivača koji rade na Windowsu, Linuxu ili Macu, a ne daje pregled JavaScript WYSIWIG uređivača.
Adobe dreamweaver
Ranije Macromedia proizvod, Dreamweaver je jedan od najčešće korištenih uređivača koji može pomoći programerima da poboljšaju svoj radni tok i uštede tone vremena kodiranja. Ako prethodne verzije Tada je Dreamweaver ponekad generirao fensi izvorni kod najnoviju verziju može generirati (u većini slučajeva) savršeno čistu oznaku.
Dreamweaver takođe nudi razne korisne alate kao što su biblioteke isječaka, upravljanje ftp-om, server za otklanjanje grešaka i složeno kodiranje. Na primjer, možete vidjeti CSS informacije u jednom, objedinjenom CSS panelu, što olakšava uvid u stilove primijenjene na određene elemente, određivanje gdje su atributi definirani i uređivanje postojećih stilova. Pogledajte i našu listu Dreamweaver tutorijala. Cijena: $400 (CS3 verzija).
Neke od mnogih karakteristika Dreamweavera uključuju:
* Napredno uređivanje CSS-a
* Integrisano okruženje za kodiranje
* Spry framework za Ajax
* Provjerite kompatibilnost pretraživača.
* Integracija sa Photoshop CS3 i Fireworks.
* Isječci koda (poput CSS formata)
* FTP upravljanje
* XML podrška
* FLV podrška
* Resursi za učenje (npr. Adobe CSS Advisor)
* Brojna proširenja za Dreamweaver.
Amaya
Glavni cilj Adobe Contribute-a je da bude u mogućnosti uređivati web stranice i blogove za korisnike bez ikakvog tehničkog znanja. Contribute CS3 omogućava autorima da ažuriraju postojeće sajtove i blogove uz održavanje integriteta sajta. Contribute nudi integraciju sa Dreamweaverom, pruža mogućnost objavljivanja sadržaja microsoft office i uređivanje iz IE 7 i Firefox-a.
Sa ovim WYSIWYG uređivačem, autori mogu modificirati ili ažurirati bilo koju web stranicu ili blog bez potrebe da uče HTML. Cijena: 169 dolara (CS3 verzija).
Adobe golive
U aprilu je Adobe prestao da razvija i prodaje GoLive 9. Adobe GoLive ohrabruje korisnike da pređu na Dreamweaver, nakon čega verovatno ne biste trebali preporučiti GoLive (zapravo iznenađujuće moćan alat uređivanje (vidi dolje) za vaše klijente.
Neke funkcije Adobe GoLive 9:
* Dizajnerski stilovi
* Vizuelni CSS izgled
* Postavite komandu
* Adobe InDesign® integracija
* Upravljanje bojama
* Podrška za platformu
* Alati za upravljanje sajtom
* Objavi server
* Pametni objekti
Microsoft Expression Web
Svojevremeno žestoko kritiziran zbog svog stvarno lošeg web uređivača (Frontpage), Microsoft je nedavno napravio uređivač, Expression, za koji se čini da je naslijedio mnogo od svojih prethodnika. Expression je pokušao da stvori ugodno okruženje za korisnike interneta, sa karakteristikama koje su izuzetno slične Adobe Dreamweaveru. Međutim, kada se uporedi direktno, Dreamweaver nudi više i proizvodi čistiji kod. Međutim, Expression proizvodi pristojan kod koji je usklađen sa standardima i zna kako da radi sa CSS i CSS rasporedima.
Studio izdanje sa drugima softverske aplikacije(grafički alat za dizajn, alat za kodiranje videa itd.) košta cca. 500 dolara. Jedna Expression licenca košta 350 dolara. Možete dobiti Expression ažuriranjem Frontpage i uštedom novca. 60-dnevna probna verzija je besplatna za preuzimanje, ali je potrebna registracija.
Napomena: Expression nije nasljednik Frontpage-a, oni su prilično različiti razvojni alati. Microsoft Expression više liči na Microsoft SharePoint Designer, više je orijentiran na dizajnera i fokusiran na pružanje općeg web razvoja. Microsoft SharePoint Dizajner se fokusira na razvoj i prilagođavanje sajtovima baziranim na SharePoint-u i može se smatrati velikim bratom Frontpage-a.
Neke funkcije Microsoft Expressiona:
* ASP.NET 2.0 integracija
* Napredno CSS renderiranje
* XPath Expression Builder
* Izgradite i formatirajte prikaze industrijskih standardnih XML podataka
* Mreža svojstava oznake
* Provjera pristupačnosti
* Validacija standarda u realnom vremenu
* Potpuna podrška za šemu
Neke od karakteristika NVU:
* Site Manager vam omogućava da vidite stranice koje kreirate.
* XML podrška.
* Ugrađen validator.
Kompozer
To je nasljednik Microsoftove Frontpage. SharePoint Designer je standardni WYSIWYG uređivač. Osim što podržava ASP.NET interaktivne stranice, ne nudi ništa revolucionarno. Dostupna je besplatna probna verzija. Postoji online verzija koja zahtijeva Internet Explorer i puno strpljenja.
Neki od Sharepoint mogućnosti:
* podrška za interaktivne ASP.NET stranice
* kreirajte prikaze podataka iz RSS, XMl, Office XML
* sarađivati sa ugrađeni Workflow Designer
* CSS alati
* pratite prilagođene stranice
* provjera pravopisa
* SharePoint Server 2007 integracija
Pozdrav dragi čitaoci stranice. HTML jezik markup je okosnica svih internet stranica. Često nepoznavanje ovog jezika zaustavlja mnoge talentovane ljude na putu da kreiraju vlastiti web projekat - uostalom, nemaju svi sklonost programiranju. I ne znaju svi da HTML kod možete kreirati ne samo pisanjem oznaka u notepad, već i korištenjem jednostavnih vizualnih uređivača koji liče na Word.
- Vizuelni (WYSIWYG) - u kojem cijeli proces kodiranja ne zahtijeva poznavanje HTML-a - omogućava vam da stilizirate tekst, slike i druge elemente stranice u vizualnom modu (kao u Wordu) - pravljenje naslova, isticanje pasusa, dopunjavanje materijala oznakama liste itd., a na izlazu dobijate gotov HTML kod sa svim oznakama;
- Rad samo sa izvornim kodom - u poređenju sa običnim notepadom, oni vam omogućavaju da vidite strukturu koda, zahvaljujući isticanjem i drugim čipovima. Ne možete raditi sa takvim uređivačima bez znanja HTML-a.
Postoje uređivači u obliku programa koje je potrebno instalirati na računar, na primjer, vizualni NVU ili Frontpage, možete raditi s kodom u Notepad ++. Ali postoje i online analozi - stranice na kojima HTML editor radi direktno na webu, nije potrebno preuzimanje.
Online uređivač je vrlo zgodan ako rijetko radite kodiranje (kreirate i uređujete web stranice).
Odlučio sam dati listu najkvalitetnijeg i najkorisnijeg HTML-a online urednici poznato mi.
Jednostavni HTML online uređivači
Ovaj vizualni HTML uređivač mnogi smatraju standardnim, budući da njegova ploča s postavkama sadrži gotovo sve što webmasteru padne na pamet - emotikone, youtube video, čak i mogućnost umetanja koda sa oznakama za isticanje radi poboljšanja čitljivosti.
Cut Editor ima tri načina prebacivanja:
- Visual;
- Kodni način rada;
- Pregled rezultata.
Prebacivanje se vrši pomoću kartica na dnu prozora uređivača.
Ovaj WYSIWYG HTML uređivač može se integrirati u bilo koju stranicu, upute se mogu naći tamo od programera. Kontrolni panel se može mijenjati; za to postoji prozor sa padajućom listom iznad obrasca, koji nudi 5 setova kontrolnih dugmadi.
Ovaj razvoj nije lak online HTML editor, ali dodatak koji se može instalirati na bilo koju stranicu, stoga se nalazi na mnogim resursima. Ako želite, možete ga postaviti na svoj projekat - za ovo uzmite izvore ovdje -.
Trenutni modul uređivača radi ovdje.
To je WYSIWYG editor sa velika količina funkcije. Tu je i formatiranje teksta, pa čak i online provjera pravopisa.
Dizajnirajte stranicu željena dugmad, a na kraju se prebacite sa vizuelnog prikaza na gotov HTML kod pomoću dugmeta "Izvor".
Online HTML 5 uređivač s dva prozora je zgodan jer na jednom ekranu možete istovremeno raditi s kodom i vidjeti rezultat uređivanja koje napravite. Ovaj urednik nije pogodno za ljude koji uopće ne poznaju HTML, jer je usmjeren na direktan rad sa kodom. V standardni set, postoji samo 5 stavki za brzo umetanje - lista za nabrajanje, tabela, slika, obrazac i izbor. Ostatak će se morati napisati samostalno pomoću oznaka.
Promjene u kodu se reproduciraju u vizualnom dijelu ne u realnom vremenu, već nakon pritiska na tipku "Render".
Urednik zna kako da radi sa CSS-om i JavaScript-om.
Vulk
Izuzetno jednostavan HTML uređivač tipa WYSIWYG koji se može ugraditi. Minimalne postavke, mala težina i jednostavnost omogućuju vam da ga dodate bilo gdje, izvori se preuzimaju direktno s web stranice programera - sve je na ruskom.
Set kontrolne table sadrži sve najtraženije funkcije - jednostavne, ali ukusne.
Na dnu se nalaze kartice za prebacivanje mrežnog uređivača iz vizualnog u HTML mod.
JSBin
Jednostavan onlajn uređivač sa dva prozora sa HTML podrška, CSS i JS kod. Na lijevoj strani pišemo oznake i ubacujemo željeni sadržaj, a sa desne strane gledamo šta iz ovoga proizlazi u realnom vremenu. Isticanje oznake vam omogućava da pratite ispravnu sintaksu. Pogodno za otklanjanje grešaka Java skripte koji rad nije podržan u mnogim vizualnim uređivačima.
Prebaciti na potreban tip kod se nalazi iznad radni prostor.
Profesionalni alati za web razvoj
Ovaj uređivač vam omogućava da radite ne samo sa HTML kodom, već je i podržan ogromna lista programskih jezika uključujući JavaScript, PHP, Perl, Pyton, itd.
Ali glavna karakteristika ne to. Cloud9ide omogućava nekoliko programera da rade sa kodom u isto vrijeme - u lični račun pristup je otvoren za određeni krug stručnjaka. U tom smislu potrebna je registracija.
Urednik vizuelno ističe elemente koda, omogućava učesnicima projekta da komuniciraju putem ćaskanja - jednom rečju, sve je urađeno kako treba.
Ovaj online uređivač je sličan po funkcionalnosti Cloud9ide-u koji je gore opisan, takođe podržava mnogo jezika, možete programirati običan HTML kod i JS i PHP za svoju stranicu. Sa njim se možete direktno povezati sa svojim hostingom preko FTP-a i uređivati fajlove direktno sa njega. Interfejs je podijeljen na 3 dijela: glavni sa kodom, lijevo je lista datoteka, desno pregled rezultat.
Podržan rad sa Dropboxom i Google diskom.
Sve oznake u kodu su istaknute radi jasnoće. Postoji automatska nabavka tagova za zatvaranje, automatsko dovršavanje podataka i isticanje nezatvorenih elemenata.
Formatiranje vam omogućava da automatski "češljate" ružna područja koda dodavanjem uvlaka i prijeloma redova.
Za ovaj HTML editor postoji kratki video uputstvo, mislim da neće biti suvišno dati ga:
Usluga za "češljanje" Dirty Markup koda
Ovaj servis se ne može svrstati u online uređivače, iako vam omogućava da prilično efikasno radite sa HTML, JS i CSS kodom, ali vizuelni način rada nije predviđeno. Zadatak alata je da očisti kod - od bilo kojeg nespretnog skupa oznaka unesenih u dokument nasumično, Dirty Markup čini strukturirani kod koji je lako čitljiv, gdje svaki logički element a blok je lak za čitanje i razumijevanje.
Usluga je pogodna, na primjer, za vraćanje čitljivosti datoteka komprimiranih za optimizaciju, koje su kreirane u svrhu ili za ispravljanje rada nekompetentnog programera.
Snimke ekrana ispod pokazuju dva koda koja su 100% identična, jedan je optimizovan i nemoguće ga je razumjeti, drugi je lako čitljiv.
Evo takvog koristan alat- može biti vrlo korisno ako želite da izvršite izmene na prethodno optimizovanom sajtu.
Nadam se da je danas HTML lista online urednici će vam pomoći da efikasnije radite na svojim projektima i dosegnete nove visine. I na ovome se opraštam od svih.
Korisni članci:
Emotikoni za VK - kodovi skrivenih emotikona, poput ...
Kako zaraditi novac na internetu za početnika - 23 ...
Postoji mnogo funkcija u HTML uređivačima, ali vam ne mogu sve biti korisne. Ostavili smo samo najbitnije od njih. Donja tabela prikazuje glavne funkcije vizualnog uređivača koje i sami koristimo, a koji će vam svakako trebati. Reći ćemo vam ne samo šta je za vas korisno, već i zašto.
Glavne funkcije
Tabela glavnih karakteristika usluge. U lijevom stupcu je prikazana ikona, u sredini je dat naziv funkcije, a u desnom je njen opis.
| Formatiraj... | Isticanje naslova teksta (oznaka h1), podnaslova (oznaka h2), podnaslova nivoa 3 (oznaka h3) i običan tekst(podrazumevano) (P oznaka). Navedeno formatiranje ima snažan uticaj na promociju stranice u pretraživačima. Stoga se ne preporučuje korištenje drugih tipova formatiranja dostupnih u ovoj funkciji. | |
| Bold | Isticanje fragmenta teksta podebljanim (jaka oznaka). Najvažnije fraze, rečenice ili cijele pasuse treba istaknuti podebljanim slovima. Jaka oznaka koristi pretraživače prilikom rangiranja sajta, ali njegov uticaj nije tako velik kao kod naslova. | |
| Numerisana lista | Kreiranje numerisanih lista (ol, li tagovi). Takve liste treba kreirati prvenstveno radi pogodnosti čitaoca, što će pozitivno uticati na faktore ponašanja. | |
| Označena lista | Kreacija liste za nabrajanje(oznake ul, li). Za razliku od numerisanih lista, redosled stavki ovde nije bitan. | |
| Citat | Označavamo dio teksta kao citat ( blockquote tag). Oznaka blok citata treba da sadrži tekst posuđen iz drugih izvora. | |
| Veza | Umetnite hipervezu na drugu stranicu ili stranicu (oznaku). Pomaže čitaocima da dobiju više informacija kada pratite link. A pretraživači će povećati rang stranice na koju vodi link. | |
| Slika | Umetnite sliku. Slika se prvo mora postaviti na internet i imati adresu. Morate navesti "Alt Text" u dijaloškom okviru. | |
| sto | Umetnite tabelu. Ako tekst sadrži strukturirane podatke, onda ih je bolje prikazati u obliku tabele. | |
| Poseban karakter | Umetnite znakove koji nisu dostupni na standardnoj tastaturi. Na primjer: ®, ™, ¥, ½. |
I to je sve? Zašto ima tako malo funkcija?
HTML kod je veoma bogat funkcijama i možete mu dodati skoro sve. Postavlja se samo pitanje da li je to zaista potrebno?
Na primjer, stvari kao što su obrasci (oznaka obrasca), tekstualno polje, potvrdni okvir, radio dugme (oznaka za unos) i tako dalje mogu biti na sajtu samo ako su na adekvatan način u interakciji sa „motorom“ sajta. Odnosno, da obavljaju funkciju koja im je namijenjena: ostavite komentar, glasajte itd. A za to su potrebne vještine programiranja. U suprotnom, ova funkcionalnost će samo obmanuti korisnike i izazvati iritaciju prilikom korištenja vaše stranice.
Ako, pored navedenog, želite svoj tekst ukrasiti i takvim elementima dizajna kao što su:
- razni fontovi,
- raznobojne linije,
- velika slova,
- poravnanje teksta nije zadano,
- smjer teksta s desna na lijevo,
- emotikoni,
- i druge dizajnerske užitke.
Tada će takav tekst pretvoriti vašu stranicu u božićno drvce koji će oduševiti samo vašu porodicu i prijatelje. Mnoge popularne stranice ne koriste u potpunosti prednosti HTML-ovih mogućnosti oblikovanja bogatog sadržaja.
Mogućnosti koje nudi naš servis pomoći će vam da dizajnirate svoj članak na način koji će ulijevati povjerenje i njegovih čitatelja i pretraživača. Ako zaista želite da istaknete određeni deo teksta drugačijim stilom, onda je bolje da to učinite pomoću datoteke style.css.
WYSIWYG html online uređivač
Naš html editor ima svojstvo WYSIWYG, riječ je skraćenica od engleskog. Wšešir Y ou S ee I s Wšešir Y ou G et, doslovno prevedeno "ono što vidiš to i dobiješ." Ovo svojstvo omogućava u procesu uređivanja da se sadržaj materijala prikaže što je moguće bliže onome što dobijete na svom sajtu kada umetnete fragment html koda dobijen iz "izvora" (dugme).
Budite mudri - igrajte normalne igrice !!!
- Kombinacija strategije i RPG-a;- Cool grafika u Full HD rezoluciji bez kočnica;
- Veliki svijet, apsolutna sloboda;
- Velikodušni pokloni za nove igrače.
Međutim, treba imati na umu da vaša stranica ima stilove dizajna. razni elementi tekst (naslovi, liste, pasuse, slike). Obično su ovi stilovi pohranjeni u datoteci style.css. Bez povezivanja ove datoteke, odnosno bez postavljanja rezultirajućeg html koda na svoju web stranicu, ne možete biti 100% sigurni u pouzdanost vidljivog rezultata. Ova izjava je tačna za sve. vizuelni urednici kod.
Word u html konverziju
Naša usluga se može koristiti za pretvaranje teksta iz word fajl v html formatu... Da biste to uradili, potrebno je da kopirate potreban fragment iz Word-a i klikom na dugme "Zalijepi iz Worda" na našem servisu zalijepite kopirani fragment u dijaloški okvir koji se pojavi.
Za razliku od drugih sličnih pretvarača, naš servis briše formatiranje riječi, ostavljajući samo najpotrebnije:
- Naslov teksta (oznaka h1).
- Podnaslov (oznake h2, h3).
- Paragraf / običan tekst (P oznaka).
- Bold font (jaka oznaka).
- Numerisana lista (tagovi ol, li).
- Lista sa oznakama ul, li).
- Kurziv (em tag).
- Link (tag a).
- Table.
- Poseban karakter.
To jest, praktički ne morate čistiti nepotreban html kod iz svog materijala. Dovoljno je pravilno formatirati tekst Word editor, pretvorite ga u html format koristeći naš servis i odmah ćete dobiti gotov rezultat.
Pretvorite bilo koji dokument u čisti HTML... Ovaj besplatni alat za formatiranje kodova na mreži pomaže vam da brzo i jednostavno kreirate svoje dokumente. U isto vrijeme možete pregledati i ispraviti vizualni izvorni kod. Uredite jedno od ovih polja i promjene će se odmah odraziti na drugo polje, dok kucate.
WYSIWYG editor "ono što vidite to i dobijete"
Radi u ovom vizualu uređivač teksta je veoma intuitivan. Ponaša se kao Microsoft Word, Otvorena kancelarija ili bilo koji drugi uređivač obogaćenog teksta i omogućava vam da pregledate kako će elementi izgledati kada objavite svoj članak na web stranici. Imajte na umu da izgled mogu se neznatno razlikovati ovisno o CSS fajlu web stranice.
Urednik izvornog koda
HTML uređivač podvučene sintakse ima mnogo korisne funkcije, kao što su:
- Brojač broja linija
- Isticanje aktivne linije
- Isticanje početnih i odgovarajućih završnih oznaka
- Automatsko zatvaranje oznake
- pogledajte ispod za detalje...
Opcije čišćenja:
- Inline Styles- Uklonite svaki stil atribut oznake. Preporučuje se upotreba poseban fajl CSS za stilizovanje.
- klasa & id- Uklanja sve atribute klasa i id... Ova funkcija je korisna ako prenosite članak s jedne stranice na drugu i želite se riješiti stranih časova.
- Prazne oznake- Uklanja oznake koje ne sadrže ništa ili sadrže samo razmak.
- Oznake sa jednim razmakom- Uklanja oznake koje sadrže jedan razmak kao npr
- Duplicirani razmaci- Uklanja duple razmake uzrokovane lošom praksom pomicanja teksta udesno i prilagođavanja razmaka u tekstu:
- Obriši komentare- Riješite se HTML komentara:
- Atributi oznake- Briše sve atribute oznake, uključujući stilove, klase, itd. Ovaj parametar ne utiče src slike i atributi href veze jer bi to inače učinilo ove oznake beskorisnim.
- U običan tekst- Uklanja sve oznake, formatiranje i ostavlja običan tekst.
Opcije HTML uređivača
Otvorite padajući meni ▼ da prikažete opcije čišćenja. Odabrane opcije se izvršavaju nakon pritiska na glavno dugme HTML čišćenje... Kliknite na ikonu crvenog trokuta na desnoj strani da završite samo jedan od njih.
- Otkaži- Oporavi dokument u prethodno stanje... Vratite se na prethodni korak ako opcija čišćenja nije donijela željeni rezultat.
- Nova stranica- Izbrišite cijeli dokument da počnete od nule.
- Shrink- Tabulatori i novi redovi se koriste za pravljenje HTML fajlčitljiviji za ljude, ali ne utiče na prikaz u web pretraživaču. Uklonite ove nepotrebne znakove da smanjite veličinu datoteke i još mnogo toga brzo učitavanje stranice.
- Pogled na drvo- Postavite uvlačenje teksta kako biste istakli hijerarhiju oznaka. Pomoću ove opcije možete ponovo učiniti čitljivim komprimirane dokumente.
- Kodiranje znakova- Odlučite želite li kodirati Posebni simboli ili ne. na primjer
- Demo sadržaj- Ispuniti kontrolna tabla demo sadržaj koji će vam pomoći da eksperimentirate s ovim alatom. Demo sadrži naslov, tabelu, slike, pasuse i druge elemente.
- Zajedno skrolujte kroz urednike- Podrazumevano, dva urednika se pomeraju zajedno ako je dokument velik. Možete onemogućiti ovu funkciju.
- Dodajte bezvezni tekst- Dodaje stavku "Lorem ipsum" na kraj datoteke. Kliknite ponovo da dodate još jednu.
Clear Letters
Kliknite ovdje da uredite ovaj tekst ili zalijepite svoj dokument ovdje da ga konvertujete u HTML 😁
Ovaj demo vam omogućava da testirate mogućnosti ovog uređivača. Unesite tekst u jedno od polja i pogledajte kako se drugo mijenja u realnom vremenu!
Podesite parametre čišćenja i kliknite na ▼ Očisti
Radite sa bilo kojim od urednika i pogledajte kako se drugi mijenjaju u realnom vremenu:
Završite GeekPrank za dobru online šalu.
