Posted 19 December 2024, 5:41 am EST
- Updated 19 December 2024, 5:46 am EST
Hi,
Thank you for sharing the details. Based on the information provided, the issue arises due to missing dependencies when attempting to modify the sample in the provided JSCodemine project. Specifically, the Rich Text dialog box is a feature of the SpreadJS Designer and requires certain dependencies to be explicitly imported when using SpreadJS as node modules.
Missing Dependencies:
To resolve the errors, ensure the following dependencies are included in your project:
- Localization Resources
The @grapecity/spread-sheets-designer-resources-en module is required for localization support in the Designer, including the Rich Text dialog box. Without this module, the Designer fails to load essential resources.
Add the import:
import '@grapecity/spread-sheets-designer-resources-en';
- Designer CSS Styles The Rich Text dialog box also requires the Designer’s CSS for proper layout and styling.
Add the import:
<link rel="stylesheet" href="node_modules/@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css">
Please refer the updated Solution based on your provided code Sample. You could also refer to the following JSCodeMine Sample:
Run the Sample:
>>> npm i
>>> npm start
Reference:
Designer Quick Start doc:- https://developer.mescius.com/spreadjs/docs/spreadjs-designer-component/quick-start-designer#use-designer-component-with-an-existing-spreadsheet
We hope this works for you. Please feel free to reach out if you need further assistance.
Here is the modified JSCodeMine Example: https://jscodemine.mescius.io/share/rSWU7WdLkE2RzZJ7EKUBEw/?defaultOpen={"OpenedFileName"%3A["%2Fsrc%2Fapp.js"]%2C"ActiveFile"%3A"%2Fsrc%2Fapp.js"}
Please note that this requires valid SpreadJS Designer Ribbon Addon Component License Key (sold separately than SpreadJS). Without Valid SpreadJS Designer Ribbon Addon License, running sample will give error. Refer to the following page on Licensing https://developer.mescius.com/spreadjs/licensing. You may contact the Sales Team for the purchase of the License.
Best regards,
Ankit
spread-js_c70291_updated (3).zip
