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

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

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

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

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

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

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

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

其中 SpreadsheetEditor 就是我設計的js類，我采用了大量的設計模式和js類繼承的方式來設計和封裝 SOP，保證用戶側以最少的心智負擔實現復雜的在線電子表格編輯，源碼結構如下：

目前這個在線電子表格我已經實現的功能有：

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

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

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

gitee.com/lowcode-chi…

最后

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

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

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

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