A Live Text Editor egyetlen kattintással szerkeszthetővé tesz minden szövegelemet egy weboldalon. Módosítsa a címsorokat, bekezdéseket, gombfeliratokat, navigációs elemeket vagy bármilyen szöveges tartalmat közvetlenül az élő oldalon — a szerkesztett szöveg valós időben jelenik meg, az oldal eredeti betűtípusaival, színeivel és elrendezésével. Tökéletes szövegvariációk tesztelésére, makettek készítésére és egyedi tartalmú képernyőképek rögzítésére.
Hányszor gondolta már: "vajon hogyan nézne ki ez a címsor más megfogalmazással" vagy "egy képernyőképre lenne szükségem az oldalról, ahol a placeholder szöveg helyett az ügyfél cégneve szerepel"? Ez normál esetben kód szerkesztését, újraépítést vagy egy képszerkesztő program használatát jelenti a szöveg ráhelyezéséhez. A Live Text Editor mindezt kiküszöböli — elég rákattintani bármely szövegre az oldalon, és elkezdeni gépelni. A szöveg a helyén válik szerkeszthetővé a contentEditable segítségével, ami azt jelenti, hogy az elem összes eredeti CSS-stílusa megmarad: betűtípus-család, betűméret, betűvastagság, szín, betűköz, sormagasság, szövegátalakítás (text-transform) és minden más szövegtulajdonság. Az elrendezés gépelés közben valós időben frissül — ha az új szöveg hosszabb, az elem természetes módon kitágul. Egy munkamenetben tetszőleges számú szövegelemet szerkeszthet. Egy szerkesztésszámláló nyomon követi, hány elemet módosított, a "Mindent visszavon" gomb pedig azonnal helyreállít mindent. Minden módosítás csak vizuális, és az oldal frissítésekor visszaáll az eredeti állapot.
Kattintson bármely szövegelemre az oldalon — címsorokra, bekezdésekre, span elemekre, gombfeliratokra, hivatkozásszövegre, listaelemekre, táblázatcellákra —, és az azonnal szerkeszthetővé válik. Egy villogó kurzor jelenik meg, és máris gépelhet. Nincs szükség kijelölési módra vagy extra kattintásokra.
A szerkesztett szöveg megtartja az összes eredeti CSS-tulajdonságot: font-family, font-size, font-weight, color, line-height, letter-spacing, text-transform és az elrendezési tulajdonságokat. A szöveg pontosan úgy néz ki, mintha valóban az oldalhoz tartozna — nem úgy, mint egy durva ráhelyezés.
Ahogy hosszabb vagy rövidebb szöveget gépel, az elem természetesen átméreteződik, és a környező elrendezés úgy folyik újra, mintha valódi tartalom lenne. Pontosan látja, hogyan hatnak a különböző szöveghosszak az elrendezésre.
Egy munkamenetben tetszőleges számú szövegelemet szerkeszthet. Módosítsa a címsort, majd az alcímet, majd a gombfeliratot, majd a lábléc szövegét — minden szerkesztés megmarad, amíg frissíti az oldalt.
Egy kis számláló mutatja, hány elemet szerkesztett. A "Mindent visszavon" egyetlen kattintással minden szerkesztett elemet visszaállít az eredeti szöveges tartalmára. Az egyes módosításokat "eredetileg: eredeti szöveg" jelzések követik.
Minden szerkesztés csak a böngésző DOM-jában létezik, és soha nem kerül mentésre a szerverre. Frissítse az oldalt, és minden szövegelem visszaáll az eredeti tartalmára. Biztonságosan használható bármely weboldalon — akár éles oldalakon is.
Próbáljon ki különböző címsor-variációkat az élő oldalon, hogy megnézze, melyik megfogalmazás a legerősebb. "Kezdje el ingyen" vs. "Indítsa el az ingyenes próbaidőszakot" vs. "Hozzon létre fiókot" — nézze meg mindegyik változatot a valódi oldaltervezéssel megjelenítve.
Cserélje le a placeholder szöveget ("Lorem ipsum") az ügyfél valódi tartalmára egy prezentáció során. Mutassa meg nekik a cégnevüket, termékleírásukat és CTA-szövegüket a valódi tervben megjelenítve — sokkal meggyőzőbb, mint egy statikus makett.
Szüksége van egy adott szöveget bemutató képernyőképre dokumentációhoz, blogbejegyzéshez vagy prezentációs diához? Szerkessze a szöveget közvetlenül, majd használja a Screenshot eszközt tiszta kép rögzítéséhez az egyedi tartalommal.
Mi történik, ha egy terméknév 40 karakter hosszú 15 helyett? Vagy ha egy leírás 3 soros 1 helyett? Írjon be hosszabb szöveget, hogy lássa, hogyan kezeli az elrendezés — találja meg a túlcsordulási hibákat, mielőtt a valódi tartalom kiváltaná őket.
Illesszen be lefordított szöveget az elemekbe, hogy lássa, hogyan kezeli a tervezés a különböző nyelveket. A német szöveg gyakran 30%-kal hosszabb, mint az angol — az elrendezés így is működik? A gombszöveg még beleférne?
Nyissa meg a DevSuite Pro lebegő dokkját, és kattintson a Live Text Editor ikonra. Az eszköz aktiválódik, és az oldal minden szövegeleme szerkeszthetővé válik kattintással.
Kattintson egy címsorra, bekezdésre, gombfeliratra vagy bármilyen szöveges tartalomra. A szövegben megjelenik egy kurzor, és az elem fölött egy "szerkesztés" jelzés is látható.
Kezdjen el gépelni a szöveg cseréjéhez vagy módosításához. Az új tartalom valós időben jelenik meg, az eredeti stílus megőrzésével. Az elrendezés természetes módon alkalmazkodik az új szöveghosszhoz.
Kattintson az aktuális elemen kívülre a szerkesztés befejezéséhez, majd kattintson egy másik szövegelemre annak szerkesztéséhez is. A szerkesztésszámláló minden módosítást nyomon követ.
Kattintson a "Mindent visszavon" gombra minden szerkesztett elem visszaállításához, vagy frissítse az oldalt a teljes visszaállításhoz.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.
