@jspreadsheet/contextmenu_shortcut
v1.3.1
Published
add icon to contextmenu and change shortcut Cmd or Window.
Downloads
20
Maintainers
Readme
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.
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.
Documentation
Dependencies
With default options of plugin, you should use Material Design icons. But, if you want, you can use fontawesome with editing all icons
<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
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 and license
Copyright GBonnaire.fr and Code released under the MIT License