BUG: Custom Component not able to visible in grapsJs/studio at first rendering
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
chrome
Reproducible demo link
https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx
Describe the bug
I am not able to see my custom component at the first time of my react application rendering , when i try to search it on the block section then its appeared and after searching it can be visible in block section.
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (2)
Use the plugins when you want to extend something at the GrapesJS API level
<StudioEditor
ref={editorRef}
options={{
plugins: [
editor => addCustomComponent(editor)
],
// ...
i also added custom style setupStyleManager but its show blank ,https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx
Related Questions and Answers
Continue research with similar issue discussions.
Issue #6308
BUG: React Custom UI `Modal` Unable to display `Code`
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 130.0.6723.117 Reproducible demo link http...
Issue #4042
BUG: Icons are not loading when loading within an angular application
GrapesJS version[x] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://stackbl...
Issue #6063
How to load grapesjs by default preview
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest Reproducible demo link https://stac...
Issue #4654
BUG: Custom component for text node including special characters
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v105 Reproducible demo link https:/...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.