Up to date instructions on adding Keyboard Shortcuts

Up to date instructions on adding Keyboard Shortcuts

Posted by: peter on 5 September 2025, 1:38 pm EST

• 

  peter

  • Post Options:
  • Link
    Copy

  Posted 5 September 2025, 1:38 pm EST

  I found https://github.com/GrapeCity/spreadjs-resources/tree/master/Keyboard%20Shortcuts for adding keyboard shortcuts.

  The readme says that

  dist/spreadjs_shortcut_command.js

  is output. How do we add this to a spreadjs React app?

  P.S. The github package is still using grapecity instead of mescius.

• 

  chirag.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 8 September 2025, 8:29 am EST

  Hi Peter,

  The Shortcuts project you mentioned can be used for adding the typical Excel-like shortcuts in SpreadJS. You can learn more about adding shortcuts to SpreadJS in the blog: https://developer.mescius.com/blogs/top-accessibility-options-of-javascript-spreadsheet-component.

  The output file dist/spreadjs_shortcut_command.js can be put in a project, and the shortcut can be added using the Shortcut.addSpreadShortcut(spread); line of code. Please refer to the attached code sample that demonstrates the same (see below).

  We are also working on a React project that includes the shortcut project and will share it with you as soon as possible.

  Furthermore, all the SpreadJS packages are updated under the name Mescius as well as Grapecity; therefore, if you want to use the packages under Mescius, you can search and replace the name @grapecity with @mescius in the Shortcuts project.

  Please let us know if you require any further assistance.

  Best Regards,
  
  
  
  Chirag Gupta

  Attachment: https://jscodemine.mescius.io/share/ikcWq5G-DUmJNdKiTbeTKw

• 

  chirag.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 8 September 2025, 11:04 pm EST

  Hi,

  As mentioned earlier, we have prepared a React Sample project that demonstrates how to integrate the SpreadJS shortcuts project and enable additional Excel-like shortcuts in SpreadJS.

  Please find the attached sample below that integrates the src folder of the SpreadJS Shortcuts project in the React application to enable the pre-defined Excel-like shortcuts.

  Please feel free to reach out if you require any further guidance.

  Kind Regards,
  
  Chirag Gupta

  Attachment: spread-react.zip