文檔可視化+表單引擎，讓數(shù)據(jù)交互更流暢！

hello，大家好，我是徐小夕。之前和大家分享了很多可視化，零代碼和前端工程化的最佳實(shí)踐，今天繼續(xù)分享一下最近開發(fā)的文檔引擎 Nocode/WEP 的最新更新。

往期精彩

• 零代碼+AI的階段性復(fù)盤
• 文檔引擎+AI可視化打造下一代文檔編輯器
• 爆肝1000小時(shí), Dooring零代碼搭建平臺(tái)3.5正式上線
• 從零打造一款基于Nextjs+antd5.0的中后臺(tái)管理系統(tǒng)

先和大家同步一下更新內(nèi)容：

1. AI內(nèi)容生成格式化優(yōu)化

2.文檔內(nèi)嵌表單組引擎， 可以配置自定義表單

3. 新增表單數(shù)據(jù)查看頁面

接下來我會(huì)和大家一一介紹更新的功能點(diǎn)。

• 演示地址： http://wep.turntip.cn

• 文檔案例： http://wep.turntip.cn/design/doc?id=d1713369951622&uid=wep_251711700015023

AI內(nèi)容生成格式化優(yōu)化

之前有用戶在留言區(qū)評論說AI生成的內(nèi)容保存后格式?jīng)]了，我最近修復(fù)了一下，目前可以完美保留AI生成的內(nèi)容格式，幫助大家快速創(chuàng)作內(nèi)容：

上面是讓AI幫助我們生成一個(gè)前端學(xué)習(xí)大綱的需求，大家可以看到生成的效果，如果覺得不滿意，還可以重新生成：

我們保存之后， 目前可以和文檔完美融合，并且保留了AI的格式：

文檔內(nèi)嵌表單組引擎， 可以配置自定義表單

這個(gè)功能也是之前網(wǎng)友提的一個(gè)比較實(shí)用的建議， 最近也花了點(diǎn)實(shí)現(xiàn)，實(shí)現(xiàn)了一個(gè)表單引擎，方便用戶可以在文檔里輕松制作表單，并進(jìn)行數(shù)據(jù)收集：

上圖我們可以看到，我們可以在文檔中輕松制作表單，而且一個(gè)文檔可以制作多個(gè)表單，非常有價(jià)值。

目前表單引擎我使用的是原生js實(shí)現(xiàn)，由于dom操作，難免性能上會(huì)超過傳統(tǒng)框架諸如react，vue等，所以大家可以參考學(xué)習(xí)一下，后面我也會(huì)做一些技術(shù)分享。

整個(gè)引擎代碼大概不到400行：

我們來看看表單制作好之后保存的效果：

新增表單數(shù)據(jù)查看頁面

文檔和表單都有了， 我們當(dāng)然要能查看數(shù)據(jù)啦，文檔的創(chuàng)作者可以在文檔表單右上角直接點(diǎn)擊查看數(shù)據(jù)，來觀察表單的收集情況。

我們來看看表單數(shù)據(jù)頁面：

• 演示地址： http://wep.turntip.cn

• 文檔案例： http://wep.turntip.cn/design/doc?id=d1713369951622&uid=wep_251711700015023