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

PropertyDescription
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('YzE1ZGMyNWNlOWZmOTk5ZWUzY2E4NWMyY2QxMjczYTYwZGFlN2ZjMDQzNWJmZGQyZjA2YjYzYmMwMzZhM2UyNmU5ODVjMTU2ZDVmODI0OTBhZTNhMGMwNTU5ZDY1ZDVmZTViOTJjOWZmYWFjODBlMWUwMjk4OTY5OTY2Njc0MGYsZXlKdVlXMWxJam9pU25Od2NtVmhaSE5vWldWMElpd2laR0YwWlNJNk1UY3hNRGt6TURjd09Dd2laRzl0WVdsdUlqcGJJbXB6Y0hKbFlXUnphR1ZsZEM1amIyMGlMQ0pqYjJSbGMyRnVaR0p2ZUM1cGJ5SXNJbXB6YUdWc2JDNXVaWFFpTENKamMySXVZWEJ3SWl3aWQyVmlJaXdpYkc5allXeG9iM04wSWwwc0luQnNZVzRpT2lJek5DSXNJbk5qYjNCbElqcGJJblkzSWl3aWRqZ2lMQ0oyT1NJc0luWXhNQ0lzSW1Ob1lYSjBjeUlzSW1admNtMXpJaXdpWm05eWJYVnNZU0lzSW5CaGNuTmxjaUlzSW5KbGJtUmxjaUlzSW1OdmJXMWxiblJ6SWl3aWFXMXdiM0owWlhJaUxDSmlZWElpTENKMllXeHBaR0YwYVc5dWN5SXNJbk5sWVhKamFDSXNJbkJ5YVc1MElpd2ljMmhsWlhSeklsMHNJbVJsYlc4aU9uUnlkV1Y5');

// 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('YzE1ZGMyNWNlOWZmOTk5ZWUzY2E4NWMyY2QxMjczYTYwZGFlN2ZjMDQzNWJmZGQyZjA2YjYzYmMwMzZhM2UyNmU5ODVjMTU2ZDVmODI0OTBhZTNhMGMwNTU5ZDY1ZDVmZTViOTJjOWZmYWFjODBlMWUwMjk4OTY5OTY2Njc0MGYsZXlKdVlXMWxJam9pU25Od2NtVmhaSE5vWldWMElpd2laR0YwWlNJNk1UY3hNRGt6TURjd09Dd2laRzl0WVdsdUlqcGJJbXB6Y0hKbFlXUnphR1ZsZEM1amIyMGlMQ0pqYjJSbGMyRnVaR0p2ZUM1cGJ5SXNJbXB6YUdWc2JDNXVaWFFpTENKamMySXVZWEJ3SWl3aWQyVmlJaXdpYkc5allXeG9iM04wSWwwc0luQnNZVzRpT2lJek5DSXNJbk5qYjNCbElqcGJJblkzSWl3aWRqZ2lMQ0oyT1NJc0luWXhNQ0lzSW1Ob1lYSjBjeUlzSW1admNtMXpJaXdpWm05eWJYVnNZU0lzSW5CaGNuTmxjaUlzSW5KbGJtUmxjaUlzSW1OdmJXMWxiblJ6SWl3aWFXMXdiM0owWlhJaUxDSmlZWElpTENKMllXeHBaR0YwYVc5dWN5SXNJbk5sWVhKamFDSXNJbkJ5YVc1MElpd2ljMmhsWlhSeklsMHNJbVJsYlc4aU9uUnlkV1Y5');

// 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',
});