Reaalajas Tekstitoimetaja muudab iga tekstielemendi veebilehel ühe klõpsuga muudetavaks. Muuda pealkirju, lõike, nuppude silte, navigeerimise kirjeid või mis tahes tekstisisu otse avalehel — muudetud tekst renderdub reaalajas, säilitades lehe originaalsed fondid, värvid ja paigutuse. Ideaalne koopiavariatsioonide testimiseks, makettide loomiseks ja ekraanipiltide tegemiseks kohandatud sisuga.
Mitu korda oled mõelnud "huvitav, kuidas see pealkiri näeks välja teistsuguse sõnastusega" või "vajan ekraanipilti sellest lehest meie kliendi nimega asemel kohatäitetekstist"? Tavaliselt tähendab see koodi muutmist, ülesehitamist või pilditöötluse programmi kasutamist teksti peale panemiseks. Reaalajas Tekstitoimetaja kõrvaldab kõik selle — lihtsalt klõpsa mis tahes teksti lehel ja alusta tippimist. Tekst muutub kohapeal muudetavaks contentEditable abil, mis tähendab, et kõik elemendi originaalsed CSS-i stiilid säilitatakse: fondi perekond, fondi suurus, fondi paksus, värv, tähevahe, reavahekaugus, teksti transformatsioon ja kõik muud teksti omadused. Paigutus uueneb reaalajas tippides — kui uus tekst on pikem, laieneb element loomulikult. Muuda ühe seansi jooksul nii palju tekstielemente kui soovid. Redigeerimisel olevate elementide loendur jälgib, mitu elementi oled muutnud, ja "Tühista Kõik" taastab kõik koheselt. Kõik muudatused on ainult visuaalsed ja lähtestatakse lehe värskendamisel.
Klõpsa mis tahes tekstielemendil lehel — pealkirjad, lõigud, spanid, nuppude sildid, lingi tekst, loendielementide tekstid, tabeli lahtrid — ja see muutub kohe muudetavaks. Ilmub vilkuv kursor ja saad alustada tippimist. Pole valikurežiimi ega täiendavaid klõpse vaja.
Muudetud tekst säilitab kõik originaalsed CSS omadused: font-family, font-size, font-weight, color, line-height, letter-spacing, text-transform ja paigutuse omadused. Tekst näeb välja täpselt nii, nagu see kuulub lehele — mitte nagu toores kihistus.
Pikema või lühema teksti tippides muudab element suurust loomulikult ning ümbritsev paigutus uueneb täpselt nii nagu päriselt sisuga. Vaata täpselt, kuidas erinevad teksti pikkused mõjutavad paigutust.
Muuda ühe seansi jooksul nii palju tekstielemente kui soovid. Muuda pealkirja, siis alapealkirja, siis nupu silti, siis jaluse teksti — iga muudatus püsib, kuni lehte värskendad.
Väike loendur näitab, mitu elementi oled muutnud. "Tühista Kõik" taastab iga muudetud elemendi originaalse tekstisisu ühe klõpsuga. Üksikuid muudatusi jälgitakse vihjete "oli: originaaltekst" abil.
Kõik muudatused eksisteerivad ainult brauseri DOM-is ja neid ei salvestata kunagi serverisse. Värskenda lehte ja iga tekstielement naaseb oma originaalsisule. Ohutu kasutada mis tahes veebisaidil — kaasa arvatud tootmissaidid.
Proovi erinevaid pealkirja variatsioone avalehel, et näha, milline sõnastus tundub tugevaim. "Alusta Tasuta" vs "Alusta Oma Tasuta Prooviperioodi" vs "Loo Oma Konto" — vaata iga versiooni renderdatuna tegeliku lehe disainiga.
Asenda kohatäitetekst ("Lorem ipsum") kliendi tegeliku sisuga esitluse ajal. Näita neile nende ettevõtte nime, toote kirjeldust ja üleskutse koopiat renderdatuna päris disainiga — palju veenvam kui staatiline makett.
Vajad ekraanipilti, mis näitab konkreetset teksti dokumentatsiooni, ajaveebipostituse või esitluse slaidi jaoks? Muuda teksti otse, seejärel kasuta Ekraanipildi tööriista puhta pildi tegemiseks oma kohandatud sisuga.
Mis juhtub, kui toote nimi on 40 märki 15 asemel? Või kui kirjeldus on 3 rida 1 asemel? Trüüpi pikemat teksti, et näha, kuidas paigutus sellega toime tuleb — leia ülevoolu vead enne, kui päris sisu neid käivitab.
Kleepi tõlgitud tekst elementidesse, et näha, kuidas disain käsitleb erinevaid keeli. Saksa tekst on sageli 30% pikem kui inglise tekst — kas paigutus toimib endiselt? Kas nuputekst mahub endiselt?
Ava DevSuite Pro ujuv dokk ja klõpsa Reaalajas Tekstitoimetaja ikoonil. Tööriist aktiveerub ja iga tekstielement lehel muutub muutmiseks klõpsatavaks.
Klõpsa pealkirja, lõiku, nupu silti või mis tahes tekstisisu. Tekstis ilmub kursor ja elemendi kohal kuvatakse "redigeerimine" märgis.
Alusta tippimist teksti asendamiseks või muutmiseks. Uus sisu renderdub reaalajas, säilitades originaalse stiiliga. Paigutus kohandub loomulikult uue teksti pikkusega.
Klõpsa väljaspool praegust elementi selle redigeerimise lõpetamiseks, seejärel klõpsa teist tekstielementi, et ka seda muuta. Muudatuste loendur jälgib kõiki muudatusi.
Klõpsa "Tühista Kõik", et taastada iga muudetud element, või värskenda lehte, et kõik täielikult lähtestada.
Paigaldage DevSuite Pro tasuta ja avage 39+ arendustööriista oma brauserile.
