Spread.Sheets and JSFiddle

You can now test Spread.Sheets in JSFiddle with a special license key. Spread.Sheets can be used in browser applications that support HTML5. For more information about Spread.Sheets, refer to http://spread.grapecity.com/spreadjs/sheets/.

The following example shows you how to add Spread.Sheets to a JSFiddle project. JSFiddle is located at https://jsfiddle.net/.

1. Select External Resources to add the Spread.Sheets and any other references.

   Select External Resources

2. Paste the reference in the text area to the left of the plus icon. Select the plus icon to add the reference. Repeat for each reference.

   Add References

   Added References

   https://code.jquery.com/jquery-2.1.1.min.js
   
   https://cdn.grapecity.com/spreadjs/hosted/css/gc.spread.sheets.excel2016colorful.10.1.0.css
   
   https://cdn.grapecity.com/spreadjs/hosted/scripts/gc.spread.sheets.all.10.1.0.min.js

3. Paste the Html tags for Spread in the HTML section.

   <div id="ss" style="width: 600px; height: 550px; border: 1px solid gray">

4. Add the license key and create a Spread object in the JavaScript section.

   GC.Spread.Sheets.LicenseKey = "GrapeCity-Internal-Use-Only,*.jshell.net|jshell.net,E763987199884888#A06OtEzN8kzM6cjI0ICZJJCL3V6csFmZ0IiczRmI1pjIs9WQisnOiQkIsISP3cGUqRzNBlGRhR5KDVkb8kXVr26dwlDUpJmVLF4a72SRQtCbKF7RPdGSwRXTwNkVstUrknVJl6VDZXUWFUVGVkVEh6TChVRvMzKuJlSi5kZvsWQFVVbiojITJCL8gjNykjN7YTO0IicfJye#4Xfd5nIxcEMBJiOiMkIsICMx8idgMlSgQWYlJHcTJiOi8kI1tlOiQmcQJCLiIzM7QjMwASOyMDM7EDMyIiOiQncDJCLigjM4AzNxAjMiojIwhXRiwiI4VmbuwGblh6cxCdl9mLsxWZoNnauoiI0IyctRkIsIyZuFWWg2mQiojIh94QiwSZ5JHd0ICb6VkIsICO8g5Ndg";
   var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),{sheetCount:3});
   var activeSheet = spread.getActiveSheet();

5. Select Run.

   Sample Project

That is all you need to do to use Spread.Sheets in JSFiddle.