Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@jspreadsheet/contextmenu_shortcut

Package Overview
Dependencies
Maintainers
2
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@jspreadsheet/contextmenu_shortcut

add icon to contextmenu and change shortcut Cmd or Window.

  • 1.3.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
1
Maintainers
2
Weekly downloads
 
Created
Source

jSpreadsheet Plugin : Contextmenu shortcut

ContextMenu Shortcut is a plugin to improve the contextMenu of jSpreadsheet Pro. It allows you to change the base of shortcuts depending on whether you are on a Mac or a Windows. It also allows you to add icons for each menu item.

preview

This plugin is Free

What is jSpreadsheet ?

jSpreadsheet, a lightweight Vanilla JavaScript plugin, can help you create exceptional web-based interactive tables and spreadsheets. Compatible with most widely-used spreadsheet software, such as Excel or Google Spreadsheet, it offers users an unrivalled Excel-like user experience. It also works well with prominent modern frameworks and flexibly utilizes a large collection of events, extensions and configurations to meet different application requirements. Impress your clients with a better user experience and a great dynamic interactive data management tool.

  • Download JSpreadsheet

Documentation

Dependencies

<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">

Options of plugin

Option nameDescriptionTypeDefault Value
icon_changeColumnTypeIcon for "Change column type"Stringballot
icon_insertANewColumnBeforeIcon for "Insert a new column before"Stringadd
icon_insertANewColumnAfterIcon for "Insert a new column after"Stringadd
icon_deleteSelectedColumnsIcon for "Delete selected columns"Stringdelete
icon_renameThisColumnIcon for "Rename this column"Stringcreate
icon_orderAscendingIcon for "Order ascending"Stringsort
icon_orderDescendingIcon for "Order descending"Stringsort
icon_insertANewRowBeforeIcon for "Insert a new row before"Stringadd
icon_insertANewRowAfterIcon for "Insert a new row after"Stringadd
icon_deleteSelectedRowsIcon for "Delete Selected Rows"Stringdelete
icon_addCommentsIcon for "Add comment"Stringinsert_comment
icon_clearCommentsIcon for "Clear comments"Stringclear
icon_cutIcon for "Cut"Stringcontent_cut
icon_copyIcon for "Copy"Stringcontent_copy
icon_pasteIcon for "Paste"Stringcontent_paste
icon_saveAsIcon for "Save As"Stringsave
icon_aboutIcon for "About"Stringinfo
isIconHTMLFlag for defined is icon value is HTML or not (to use only is use an other library of icons i.e. <i class='fa fa-icons'>></i>Booleanfalse

Get started

Header on page

<script src="https://jspreadsheet.com/v7/jspreadsheet.js"></script>
<script src="https://jspreadsheet.com/v7/jsuites.js"></script>
<link rel="stylesheet" href="https://jspreadsheet.com/v7/jsuites.css" type="text/css" />
<link rel="stylesheet" href="https://jspreadsheet.com/v7/jspreadsheet.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">

<script src="/path/to/contextmenu_shortcut.min.js"></script>

Initialize plugin on jSpreadsheet

jSpreadsheet(document.getElementById('spreadsheet'), {
	...
	plugins: [
      ...
      { name:'shortcut', plugin:jss_contextmenu_shortcut},
      ...  
    ],
    ...
});
Example with options

Use this way for defined icon of FontAwesome

Header on page

<script src="https://jspreadsheet.com/v7/jspreadsheet.js"></script>
<script src="https://jspreadsheet.com/v7/jsuites.js"></script>
<link rel="stylesheet" href="https://jspreadsheet.com/v7/jsuites.css" type="text/css" />
<link rel="stylesheet" href="https://jspreadsheet.com/v7/jspreadsheet.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">

<script src="/path/to/contextmenu_shortcut.min.js"></script>

Initialize plugin on jSpreadsheet

jSpreadsheet(document.getElementById('spreadsheet'), {
	...
	plugins: [
      ...
        { name:'shortcut', plugin:jss_contextmenu_shortcut, options:{
        	icon_addComments: 'add',
        }},
      ...  
    ],
    ...
});

CDN

You can use this CDN link

<script src="https://cdn.jsdelivr.net/gh/GBonnaire/jspreadsheet-plugins-and-editors@latest/plugins/dist/contextmenu_shortcut.min.js"></script>

NPM

Coming soon (2021) npm install @jspreadsheet/contextmenu_shortcut

import jss_contextmenu_shortcut from '@jspreadsheet/contextmenu_shortcut';

Copyright GBonnaire.fr and Code released under the MIT License

Keywords

FAQs

Package last updated on 07 Jun 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc