Live Text Editor čini svaki tekstualni element na web stranici editabilnim jednim klikom. Mijenjajte naslove, odlomke, oznake gumba, stavke navigacije ili bilo koji tekstualni sadržaj izravno na živoj stranici — uređeni tekst se prikazuje u stvarnom vremenu uz zadržavanje originalnih fontova, boja i rasporeda. Savršeno za testiranje varijanti teksta, izradu mockupa i snimanje zaslona s prilagođenim sadržajem.
Koliko ste puta pomislili "zanima me kako bi ovaj naslov izgledao s drugačijim riječima" ili "trebam screenshot ove stranice s imenom klijenta umjesto placeholder teksta"? Obično to znači uređivanje koda, ponovnu izgradnju ili korištenje uređivača slika za prekrivanje teksta. Live Text Editor eliminira sve to — samo kliknite bilo koji tekst na stranici i počnite tipkati. Tekst postaje editabilan na mjestu pomoću contentEditable, što znači da je sav originalni CSS styling elementa sačuvan: font family, font size, font weight, boja, letter-spacing, line-height, text-transform i svako drugo svojstvo teksta. Raspored se ažurira u stvarnom vremenu dok tipkate — ako je novi tekst duži, element se prirodno širi. Uređujte koliko god tekstualnih elemenata želite u jednoj sesiji. Brojač uređivanja prati koliko ste elemenata promijenili, a "Undo All" sve odmah vraća. Sve promjene su samo vizualne i resetiraju se osvježavanjem stranice.
Kliknite bilo koji tekstualni element na stranici — naslove, odlomke, raspone, oznake gumba, tekst veze, stavke popisa, ćelije tablice — i odmah postaje editabilan. Pojavljuje se trepćući kursor i možete početi tipkati. Nije potreban način odabira ni dodatni klikovi.
Uređeni tekst zadržava svako originalno CSS svojstvo: font-family, font-size, font-weight, boju, line-height, letter-spacing, text-transform i svojstva rasporeda. Tekst izgleda točno kao da pripada stranici — ne kao grubi overlay.
Dok tipkate duži ili kraći tekst, element se prirodno mijenja u veličini i okolni raspored se prilagođava baš kao što bi s pravim sadržajem. Vidite točno kako različite duljine teksta utječu na raspored.
Uređujte koliko god tekstualnih elemenata želite u jednoj sesiji. Promijenite naslov, pa podnaslov, pa oznaku gumba, pa tekst u footeru — svaka izmjena ostaje sve dok ne osvježite stranicu.
Mali brojač prikazuje koliko ste elemenata uredili. "Undo All" vraća svaki uređeni element na originalni tekstualni sadržaj jednim klikom. Pojedinačne promjene prate se s naznakama "was: originalni tekst".
Sve izmjene postoje samo u DOM-u preglednika i nikada se ne spremaju na poslužitelj. Osvježite stranicu i svaki tekstualni element vraća se na originalni sadržaj. Sigurno za korištenje na bilo kojoj web stranici — uključujući produkcijske.
Isprobajte različite varijante naslova na živoj stranici kako biste vidjeli koja formulacija djeluje najsnažnije. "Get Started Free" nasuprot "Start Your Free Trial" nasuprot "Create Your Account" — vidite svaku verziju prikazanu s stvarnim dizajnom stranice.
Zamijenite placeholder tekst ("Lorem ipsum") stvarnim sadržajem klijenta tijekom prezentacije. Pokažite im naziv tvrtke, opis proizvoda i CTA tekst prikazan u pravom dizajnu — mnogo uvjerljivije od statičnog mockupa.
Trebate screenshot s određenim tekstom za dokumentaciju, blog post ili prezentacijski slajd? Uredite tekst izravno, a zatim koristite alat Screenshot za snimanje čiste slike s prilagođenim sadržajem.
Što se dogodi kada naziv proizvoda ima 40 znakova umjesto 15? Ili kada opis zauzima 3 retka umjesto 1? Utipkajte duži tekst kako biste vidjeli kako raspored to podnosi — pronađite greške prelijevanja prije nego ih pravi sadržaj pokrene.
Zalijepite prevedeni tekst u elemente kako biste vidjeli kako dizajn podnosi različite jezike. Njemački tekst često je 30% duži od engleskog — funkcionira li raspored i dalje? Stane li tekst gumba još uvijek?
Otvorite DevSuite Pro plutajući dock i kliknite ikonu Live Text Editora. Alat se aktivira i svaki tekstualni element na stranici postaje klikabilan za uređivanje.
Kliknite naslov, odlomak, oznaku gumba ili bilo koji tekstualni sadržaj. U tekstu se pojavljuje kursor i iznad elementa prikazuje se značka "editing".
Počnite tipkati kako biste zamijenili ili izmijenili tekst. Novi sadržaj se prikazuje u stvarnom vremenu uz zadržavanje originalnog stila. Raspored se prirodno prilagođava novoj duljini teksta.
Kliknite izvan trenutnog elementa kako biste završili uređivanje, a zatim kliknite drugi tekstualni element da ga i njega uredite. Brojač izmjena prati sve promjene.
Kliknite "Undo All" kako biste vratili svaki uređeni element, ili osvježite stranicu kako biste sve u potpunosti resetirali.
Instalirajte DevSuite Pro besplatno i otključajte 39+ razvojnih alata za svoj preglednik.
