


DatoCMS-i visuaalne redigeerimine on funktsioon, mis võimaldab sisutoimetajatel klõpsata otse reaalse veebisaidi mis tahes elemendil, et seda CMS-is redigeerida. Selle asemel, et otsida kirjete vormidest õiget välja, saavad toimetajad lihtsalt klõpsata pealkirjal, pildil või plokil, mida nad soovivad muuta. Süsteem kasutab steganograafiat – nähtamatuid Unicode'i märke, mis lisatakse igale stringile GraphQL API vastustes –, et kodeerida iga väärtuse päritolu, nii et esiosa teab automaatselt täpselt, kust iga sisutükk pärineb. Koos mustandirežiimi ja reaalajas uuendustega muutub muudatuste tegemine sujuvaks WYSIWYG-kogemuseks.
Toimetajad külastavad veebisaiti mustandirežiimis, hõljuvad hiirega sisu kohal, et näha, mis on redigeeritav, ja klõpsavad, et avada DatoCMS uuel vahekaardil. See töötab täielikult esiosas mis tahes hostimisteenusega – Vercel, Netlify, Cloudflare, ükskõik milline. Enam pole vaja küsida: "Kus see väli jälle on?"
Veebieelvaadete plugin saab uuenduse: eelvaade vasakul, redigeerimispaneel paremal. Klõpsake mis tahes sisutükki ja redigeerimispaneel avaneb kohe. Pole vahekaartide vahetamist, pole konteksti kaotust, kohesed reaalajas uuendused. Plugin võimaldab ka eelvaatelinke CMS-i külgribal, kahesuunalist navigeerimist paneelide vahel ja täisekraanil visuaalset redigeerimisrežiimi.
Steganograafia manustab iga väärtuse päritolu (kirje ID, välja tee, lokaal) otse GraphQL API vastustesse. `` komponent skannib automaatselt lehte nende metaandmete jaoks ja renderdab redigeerimise ülekatted õigetel DOM-sõlmedel – käsitsi sidumist pole vaja. See töötab kogu sisumudeliga kohe karbist välja: lingid kirjetele, plokid, struktureeritud tekst ja modulaarne sisu.
"Enam pole vaja otsida kirjete vormidest õiget välja."
See pole lihtsalt eelvaatetööriist – see on põhimõtteline muutus selles, kuidas toimetajad suhtlevad peata CMS-i sisuga. Steganograafia lähenemine tähendab, et arendajad ei pea iga sisutükki käsitsi selle lähteväljaga siduma, mis oleks parimal juhul tüütu ja halvimal juhul hooldusõudus. Selle asemel tulevad metaandmed automaatselt kaasa, muutes seadistuse minimaalseks: vaid kaks päist, mis lisatakse olemasolevatele GraphQL päringutele, ja üks komponent paigutuses.
Olete väsinud toimetajate küsimustest "kus see väli jälle on?" ja soovite visuaalset redigeerimiskogemust, mis töötab teie olemasoleva DatoCMS-i projektiga, mis tahes hostimisteenuse pakkujaga ja minimaalse arendaja pingutusega. See on saadaval igal plaanil (sh tasuta) koos SDK-dega Next.js, Astro, Svelte ja Vue jaoks.
Teised tööriistad, mida võiksid kaaluda
Loading comments…
Looja
meowbyte
KĂĽlasta veebisaiti
datocms.com/blog/introducing-visual-editing
Projekti info
Toote märksõnad
Saavutus