Cloud Spreadsheet
The JSS cloud extension provides a way to create collaborative spreadsheets. It requires Jspreadsheet Server running, which requires a special license.Documentation
Settings
Property | Description |
---|---|
url: string | The url point to the JSS server. Default: https://jspreadsheet.com/ |
path?: string | The route for the API. Default: api/ |
token: string | A valid signature to connect to the API and server. |
onbeforesend?: function(xhr: Object) => void | Intercept all Ajax request headers. |
onbeforecreate?: function(options: Object) => void | Intercept the configuration before creating the spreadsheet. |
Author
Jspreadsheet Pro Team.License
Available on the premium edition only.Installation
Please choose one of the following options// From NPM npm install @jspreadsheet/cloud // From CDN https://cdn.jsdelivr.net/npm/@jspreadsheet/cloud/dist/index.min.js
Example
Create an online spreadsheet from a remove cloud server.Browser
NPM
<html> <script src="https://jspreadsheet.com/v10/jspreadsheet.js"></script> <link rel="stylesheet" href="https://jspreadsheet.com/v10/jspreadsheet.css" type="text/css" /> <script src="https://jsuites.net/v5/jsuites.js"></script> <link rel="stylesheet" href="https://jsuites.net/v5/jsuites.css" type="text/css" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons" /> <script src="https://cdn.jsdelivr.net/npm/@jspreadsheet/cloud/dist/index.min.js"></script> <div id="spreadsheet"></div> <script> // Set the license for both plugin and the spreadsheet jspreadsheet.setLicense('Nzk5MDI2ZGFiMDA0N2Q4ZmRjZDZmYzBkYmRlZDZmYTJhMDM3NDA2MTM3YjdkY2VmMWNhNjY5ZWEyYzY5MjMyOTY1YjY3ZWEyZWFkM2Y3YWI2OGRkOTY2NWM5YzVkMmIxNWFmNGJiMDdiMTM0YjIzNjRiM2FkYmEzODk5NjFiZTksZXlKdVlXMWxJam9pU25Od2NtVmhaSE5vWldWMElpd2laR0YwWlNJNk1UWTVOakl6TlRVNU9Dd2laRzl0WVdsdUlqcGJJbXB6Y0hKbFlXUnphR1ZsZEM1amIyMGlMQ0pqYjJSbGMyRnVaR0p2ZUM1cGJ5SXNJbXB6YUdWc2JDNXVaWFFpTENKamMySXVZWEJ3SWl3aWQyVmlJaXdpYkc5allXeG9iM04wSWwwc0luQnNZVzRpT2lJek5DSXNJbk5qYjNCbElqcGJJblkzSWl3aWRqZ2lMQ0oyT1NJc0luWXhNQ0lzSW1Ob1lYSjBjeUlzSW1admNtMXpJaXdpWm05eWJYVnNZU0lzSW5CaGNuTmxjaUlzSW5KbGJtUmxjaUlzSW1OdmJXMWxiblJ6SWl3aWFXMXdiM0owSWl3aVltRnlJaXdpZG1Gc2FXUmhkR2x2Ym5NaUxDSnpaV0Z5WTJnaUxDSndjbWx1ZENJc0luTm9aV1YwY3lKZExDSmtaVzF2SWpwMGNuVmxmUT09'); // Set the extensions jspreadsheet.setExtensions({ cloud }); // Cloud configuration jspreadsheet.cloud({ // URL to the JSS server url: 'https://jspreadsheet.com/', // Token signature token: 'MSxiYjBlNzlmYWYzNTBiY2UzYmFjYTljZGIzN2QyOGI3N2Q0YWQzOWI0', // Before sending ajax requests to the server onbeforesend: function(options) { console.log(options) } }); // Create the spreadsheet jspreadsheet(document.getElementById('spreadsheet'), { cloud: '844491c0-787a-4c7e-a43b-7e12035e7fc4', }); </script> </html>
// Import the JSS library import jspreadsheet from 'jspreadsheet'; // Import the JSS validation extension import cloud from '@jspreadsheet/cloud'; // Set the license for both plugin and the spreadsheet jspreadsheet.setLicense('Nzk5MDI2ZGFiMDA0N2Q4ZmRjZDZmYzBkYmRlZDZmYTJhMDM3NDA2MTM3YjdkY2VmMWNhNjY5ZWEyYzY5MjMyOTY1YjY3ZWEyZWFkM2Y3YWI2OGRkOTY2NWM5YzVkMmIxNWFmNGJiMDdiMTM0YjIzNjRiM2FkYmEzODk5NjFiZTksZXlKdVlXMWxJam9pU25Od2NtVmhaSE5vWldWMElpd2laR0YwWlNJNk1UWTVOakl6TlRVNU9Dd2laRzl0WVdsdUlqcGJJbXB6Y0hKbFlXUnphR1ZsZEM1amIyMGlMQ0pqYjJSbGMyRnVaR0p2ZUM1cGJ5SXNJbXB6YUdWc2JDNXVaWFFpTENKamMySXVZWEJ3SWl3aWQyVmlJaXdpYkc5allXeG9iM04wSWwwc0luQnNZVzRpT2lJek5DSXNJbk5qYjNCbElqcGJJblkzSWl3aWRqZ2lMQ0oyT1NJc0luWXhNQ0lzSW1Ob1lYSjBjeUlzSW1admNtMXpJaXdpWm05eWJYVnNZU0lzSW5CaGNuTmxjaUlzSW5KbGJtUmxjaUlzSW1OdmJXMWxiblJ6SWl3aWFXMXdiM0owSWl3aVltRnlJaXdpZG1Gc2FXUmhkR2x2Ym5NaUxDSnpaV0Z5WTJnaUxDSndjbWx1ZENJc0luTm9aV1YwY3lKZExDSmtaVzF2SWpwMGNuVmxmUT09'); // Set the extensions jspreadsheet.setExtensions({ cloud }); // Cloud configuration jspreadsheet.cloud({ // URL to the JSS server url: 'https://jspreadsheet.com/', // Token signature token: 'MSxiYjBlNzlmYWYzNTBiY2UzYmFjYTljZGIzN2QyOGI3N2Q0YWQzOWI0', // Before sending ajax requests to the server onbeforesend: function(options) { console.log(options) } }); // Create the spreadsheet jspreadsheet(document.getElementById('spreadsheet'), { cloud: '844491c0-787a-4c7e-a43b-7e12035e7fc4', });