• H5-Dooring（頁面可視化搭建平臺）
• Flowmix/Docx 多模態(tài)文檔編輯器

最近在研發(fā)和設(shè)計在線辦公產(chǎn)品時，研究了一下在線電子表格的實現(xiàn)方案，花了半天時間寫了一個在線電子表格的js插件，方便大家輕松集成到自己的項目中，demo如下：

我已經(jīng)把完整實現(xiàn)代碼開源，如果大家對這個項目感興趣，可以在文末參考github地址。

下面我就來介紹一下我開源的這款在線電子表格插件。

其實在線電子表格在國內(nèi)外有一些開源的項目，但是使用成本上相對較高，所以我目前實現(xiàn)的方案就是基于 x-spreadsheet，封裝成了一個開箱即用的js插件，方便大家輕松集成到vue和react項目中，使用方式如下：

js
代碼解讀
復(fù)制代碼
// 初始化電子表格編輯器
const editor = new SpreadsheetEditor('#spreadsheet', {
    showToolbar: true,
    showGrid: true,
    showContextmenu: true
});

// 注冊事件監(jiān)聽
editor.on('ready', () => {
    addLog('ready', '電子表格編輯器已準備就緒');
});

editor.on('change', (data) => {
    addLog('change', '數(shù)據(jù)已更改');
});

其中 SpreadsheetEditor 就是我設(shè)計的js類，我采用了大量的設(shè)計模式和js類繼承的方式來設(shè)計和封裝 SOP，保證用戶側(cè)以最少的心智負擔實現(xiàn)復(fù)雜的在線電子表格編輯，源碼結(jié)構(gòu)如下：

目前這個在線電子表格我已經(jīng)實現(xiàn)的功能有：

• 導入excel文件
• 支持國際化文案配置
• 支持事件監(jiān)聽
• 支持操作日志

操作日志效果如下：完整的功能特性如下：

同時我也上傳到gitee上了一份，大家感興趣的可以參考體驗一下：

gitee.com/lowcode-chi…

最后

最近我們基于flowmix/docx文檔編輯器做了一款智能文檔引擎, 叫靈語文檔, 這里簡單和大家分享一下:

大家可以基于它輕松打造類似飛書文檔和釘釘文檔的專業(yè)級文檔管理系統(tǒng).

文檔演示地址: mindlink.turntip.cn

如果大家有好的想法和問題，也歡迎留言區(qū)反饋～