用零代碼的思維設計文檔編輯引擎
嗨,大家好,我是徐小夕。之前和大家分享了很多零代碼,可視化相關的最佳實踐,最近也花了很多實踐研究文檔引擎,接下來就和大家分享一下最近的研究成果。
大家上圖看到的就是我做的文檔編輯引擎,類似于飛書文檔和釘釘文檔,我們可以使用它輕松編寫文檔,并能隨意調整文檔元素的順序。
這一方案實現依賴于block 的設計思想,我們可以把文檔想象成一個個由塊組成的內容,每一個塊都能共享編輯器對應的能力,并且可以分治管理。
體驗地址:http://wep.turntip.cn/design/doc?id=d1711853506463&uid=wep_251711700015023。
功能介紹
由于我之前研究了并開發了很多零代碼產品,所以基于零代碼的設計思想,將文檔編寫進行了進一步的升級,支持如下功能:
- 支持插入互動組件(如點贊,關注,贊賞,彈幕等)
- 支持嵌入豐富組件物料(圖表,思維導圖,網頁,視頻等)
- 支持自定義文檔元素 / 組件
- 支持文檔大綱自動生成
接下來我演示一下部分功能:
插入表格
插入圖表
編輯圖表數據:
插入網頁
我們銅過輸入鏈接可以自動生成網頁的信息, 這塊采用類似爬蟲的技術來實現對網址的解析。
插入視頻
我們可以輸入視頻網址來一鍵渲染視頻:
插入第三方網頁
我們可以在自己的文檔里內嵌一個第三方網址,并能提供相關的服務。
插入數學公式
我們可以通過可視化的方式來編寫高級數學公式,比如微積分,三角函數,矩陣變換等,而無需懂 Latex 語法。