Živý textový editor učiní každý textový element na webové stránce upravitelným jediným kliknutím. Měňte nadpisy, odstavce, popisky tlačítek, navigační položky nebo libovolný textový obsah přímo na živé stránce — upravený text se vykresluje v reálném čase se zachovanými původními fonty, barvami a rozvržením stránky. Ideální pro testování variant textu, vytváření maket a pořizování snímků s vlastním obsahem.
Kolikrát jste si pomysleli: Jak by tento nadpis vypadal s jiným formulováním? nebo Potřebuji snímek této stránky se jménem klienta místo zástupného textu? Normálně to znamená úpravu kódu, znovusestavení nebo použití grafického editoru pro překrytí textu. Živý textový editor toto vše eliminuje — jen klikněte na libovolný text na stránce a začněte psát. Text se stane upravitelným přímo pomocí contentEditable, takže veškeré původní CSS stylování elementu je zachováno: rodina fontů, velikost fontu, tloušťka fontu, barva, letter-spacing, line-height, text-transform a každá jiná textová vlastnost. Rozvržení se aktualizuje v reálném čase při psaní — pokud je nový text delší, element se přirozeně rozroste. Upravujte tolik textových elementů, kolik chcete, v jedné relaci. Počítadlo úprav sleduje, kolik elementů jste změnili, a Zrušit vše okamžitě vše obnoví. Všechny změny jsou pouze vizuální a resetují se při obnovení stránky.
Klikněte na libovolný textový element na stránce — nadpisy, odstavce, span, popisky tlačítek, text odkazů, položky seznamu, buňky tabulky — a okamžitě se stane upravitelným. Zobrazí se blikající kurzor a můžete začít psát. Není třeba žádný výběrový režim nebo další kliknutí.
Upravený text zachovává každou původní vlastnost CSS: font-family, font-size, font-weight, color, line-height, letter-spacing, text-transform a vlastnosti rozvržení. Text vypadá přesně, jako by na stránku patřil — nikoli jako hrubý překryv.
Při psaní delšího nebo kratšího textu se element přirozeně změní velikosti a okolní rozvržení se přeformátuje přesně tak, jak by to udělalo se skutečným obsahem. Přesně vidíte, jak různé délky textu ovlivňují rozvržení.
Upravujte tolik textových elementů, kolik chcete, v jedné relaci. Změňte nadpis, poté podtitul, poté popisek tlačítka, poté text zápatí — každá úprava přetrvává, dokud stránku neobnovíte.
Malé počítadlo ukazuje, kolik elementů jste upravili. Zrušit vše obnoví každý upravený element na původní textový obsah jedním kliknutím. Jednotlivé změny jsou sledovány s nápovědami byl: původní text.
Všechny úpravy existují pouze v DOM prohlížeče a nikdy se neukládají na server. Obnovením stránky se každý textový element vrátí k původnímu obsahu. Bezpečné použití na libovolné webové stránce — včetně produkčních stránek.
Vyzkoušejte různé varianty nadpisů na živé stránce a zjistěte, které formulování se cítí nejsilněji. Začít zdarma vs Zahájit bezplatnou zkušební verzi vs Vytvořit účet — podívejte se na každou verzi vykreslenou s aktuálním designem stránky.
Nahraďte zástupný text (Lorem ipsum) skutečným obsahem klienta během prezentace. Ukažte jim název společnosti, popis produktu a text CTA vykreslený ve skutečném designu — mnohem přesvědčivější než statická maketa.
Potřebujete snímek zobrazující konkrétní text pro dokumentaci, blogový příspěvek nebo prezentační snímek? Upravte text přímo, poté použijte nástroj Screenshot pro zachycení čistého obrázku s vlastním obsahem.
Co se stane, když je název produktu 40 znaků místo 15? Nebo když je popis 3 řádky místo 1? Napište delší text a sledujte, jak rozvržení zvládá — nalézejte chyby přetečení dříve, než je spustí skutečný obsah.
Vložte přeložený text do elementů a sledujte, jak design zvládá různé jazyky. Německý text je často o 30 % delší než anglický — funguje rozvržení stále? Vejde se text tlačítka stále?
Otevřete plovoucí dok DevSuite Pro a klikněte na ikonu Živého textového editoru. Nástroj se aktivuje a každý textový element na stránce se stane klikatelným pro úpravy.
Klikněte na nadpis, odstavec, popisek tlačítka nebo libovolný textový obsah. V textu se zobrazí kurzor a nad elementem se zobrazí odznak upravování.
Začněte psát pro nahrazení nebo úpravu textu. Nový obsah se vykresluje v reálném čase se zachovaným původním stylováním. Rozvržení se přirozeně přizpůsobí nové délce textu.
Kliknutím mimo aktuální element dokončete jeho úpravu, poté klikněte na jiný textový element pro jeho úpravu. Počítadlo úprav sleduje všechny změny.
Kliknutím na Zrušit vše obnovíte každý upravený element, nebo obnovte stránku pro kompletní reset všeho.
Nainstalujte si DevSuite Pro zdarma a odemkněte 39+ vývojářských nástrojů pro svůj prohlížeč.
