,,

：開源了一款在線電子表格插件，支持一鍵導(dǎo)入excel文件

?大家好, 我是徐小夕. 之前一直在社區(qū)分享零代碼&低代碼的技術(shù)實踐，也陸陸續(xù)續(xù)設(shè)計并開發(fā)了多款可視化搭建產(chǎn)品，比如：

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', '電子表格編輯器已準(zhǔn)備就緒');
});

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