可視化編輯網(wǎng)站建設(shè)早期就已經(jīng)存在了，使用過Dreamweaver的人可能都體驗(yàn)過早期版本的可視化編輯。可視化編輯是指在編輯內(nèi)容時(shí)，您可以看到網(wǎng)站的實(shí)時(shí)預(yù)覽。它給內(nèi)容創(chuàng)建者一個(gè)即時(shí)的視覺反饋環(huán)，并顯示他們在站點(diǎn)環(huán)境中的變化。

可視化編輯已經(jīng)成為Squarespace、Wix和Webflow等無代碼和低代碼網(wǎng)站建設(shè)者的標(biāo)準(zhǔn)。但是那些想要控制他們的技術(shù)堆棧的開發(fā)者通常不會使用這些工具。幸運(yùn)的是，現(xiàn)在我們看到了無頭CMSs的可視化編輯。

典型的headless CMS界面只提供用于編輯內(nèi)容的表單域。這缺乏內(nèi)容在頁面上看起來是什么樣子的上下文。對于熟悉Google Docs、Wix、Webflow或concept等工具中的實(shí)時(shí)編輯體驗(yàn)的人來說，這種UX可能會感覺過時(shí)。幸運(yùn)的是，新一波的無頭CMSs正在以一種對開發(fā)者有意義的方式提供可視化編輯。對于那些想讓他們的團(tuán)隊(duì)擁有類似于Wix或Squarespace的編輯體驗(yàn)，但基于他們自己的開源堆棧的人來說，這是一個(gè)好消息。

TinaCMS是為可視化編輯而從頭開始構(gòu)建的，但也提供了類似于傳統(tǒng)CMSs的“基本編輯”模式。Tina有一個(gè)開源的管理界面和headless內(nèi)容API，可以與Git存儲庫中的文件保持同步(比如Markdown和JSON)。

童話世界是一個(gè)無頭CMS，是可視化編輯的早期先驅(qū)。Storyblok將您的內(nèi)容存儲在其數(shù)據(jù)庫中，并通過REST和GraphQL APIs使其可用。

頭腦清楚是一個(gè)傳統(tǒng)的具有開源管理界面的無頭CMS。它通過使用其Iframe窗格插件。Sanity將您的內(nèi)容存儲在其數(shù)據(jù)庫中，并通過API使其可用。

Builder.io是一個(gè)閉源的、可視化編輯優(yōu)先的無頭CMS，它將內(nèi)容存儲在Builder.io的數(shù)據(jù)庫中，并通過API使其可用。

堆棧位是一個(gè)閉源編輯界面，旨在補(bǔ)充其他無頭CMS。使用Stackbit，您可以使用另一個(gè)headless CMS來存儲您的內(nèi)容，并使用Stackbit直觀地編輯該內(nèi)容。

現(xiàn)在開發(fā)人員正在他們的網(wǎng)站上添加可視化編輯，我看到像Maria這樣的內(nèi)容創(chuàng)建者在開發(fā)人員優(yōu)先的堆棧上變得非常高效。在切換到可視化編輯之前更新內(nèi)容緩慢的團(tuán)隊(duì)現(xiàn)在更加活躍和高效。