GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

466 issues found

πŸ” components
#3652Jul 28, 2021by NoumanAhmad-Braqsol4 answers
0 reactions

Grapes js not Recognize a link if i change a text into link .

Hi @artf i am new at grapes js i write a function to convert seleted text into link . it works fine. when i select the component type It say it is a text . After refresh the page it Recognize a link. but i dont want to refresh it . How to do this ? you can see above "Advantage" is a link now but in console it show it...

artf

Are you talking about the CKEditor or the default RTE?

NoumanAhmad-Braqsol

I am using CKEditor .

artf

This is not the right repository then

#3645Jul 26, 2021by codingmachine162 answers
0 reactions

READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow C…

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

codingmachine16

Hi @artf Hi, We are building a CMS using grapesJs. We have created componets for header, footer,products slider, different kind of banners. We have completed almost a Ecommerce site using grapesjS + React Js +NodeJs and Mongdb. We are able...

GJSBlock

Thanks for reporting this, @codingmachine16. Great question about *. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event li...

#3644Jul 26, 2021by NoumanAhmad-Braqsol2 answers
0 reactions

Link showing as span when getHtml() called

Hi , @artf I using CKEDITOR for add link into selected text it is working fine . i am using this code to add link it is showing as the above also if i inspect the src it show a link in dom as blow but when i getHtml() of component is show it as a span tag Why this happen . And how to resolve this issue . Please let me...

artf

@NoumanAhmad-Braqsol please follow the issue template when you open a BUG issue (indeed this is not a bug in the core but might be related to your ckeditor configuration), otherwise open a new Discussion

GJSBlock

Thanks for reporting this, @NoumanAhmad-Braqsol. Great question about link showing as span when getHtml() called. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for y...

#3640Jul 23, 2021by jlpatrick2 answers
0 reactions

Style Manager Background UI does not work correctly for Body/Wrapper

There is what appears to me to be a UI bug in the Style Manager's Background control when working with the Body vs the other components. This issue is visible in @kuhelbeher screenshot from #2834 , but I will provide some simple steps to reproduce as well. Perhaps this issue is related to that problem. Go to https://g...

artf

Thanks Jim, yes it's actually the same issue, so I'm closing this one as a duplicate of #2834 I'll post updates there once it's fixed.

GJSBlock

Thanks for reporting this, @jlpatrick. The issue with Style Manager Background UI does not work correctly for Body/Wrapper appears to be a race condition or state management timing problem. This typically happens when component lifecycle e...

#3639Jul 23, 2021by anatoli-dp4 answers
0 reactions

Improve UndoManager API

One thing i think would add great functionality is a more detailed history stack. U can get the undo stack and build a sort of history report from it of all the edits one has made but it is a little unclear as to what each edit was (at least to me so if I am missing something please let me know). Maybe like a formulai...

artf

Hi @anatoli-dp the ability to view the undo history would be actually super cool and I was already thinking about how to extend the UndoManager module in order to allow this kind of functionality via a plugin (eg. you can render the UI wit...

anatoli-dp

yeah im aware of how to access the stack i just dont know how to intepret it to give a more meaningful description to the end user

artf

i just dont know how to intepret it to give a more meaningful description to the end user Each UndoAction (each instance of the stack) tells you the action type (eg. add, remove, reset, change) and details about the updated model (eg. Comp...

#3638Jul 23, 2021by momu-20162 answers
0 reactions

Script-props is invalid

Hi!@artf,Thanks for your great work! I follow the https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts,but when i select the value,The script was not executed,Looking forward to some suggestions,thank you so much! `

artf

Seems to work all properly here: https://jsfiddle.net/rp7wa58h/ Anyway, you don't need the view if you don't use it, and the same for isComponent (which is misspelled in your example and placed in the wrong place), data-gjs-type is already...

GJSBlock

Thanks for reporting this, @momu-2016. Thanks for sharing your report about script-props is invalid. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) Your GrapesJS vers...

#3634Jul 22, 2021by pankajsharma894 answers
1 reactions

How we can hide RTE for editable components ?

HI We have a requirement, where we don't want to show rte on editable components. how we can achieve that ?

mcottret

I allow myself to add what I think might be closer to what OP's trying to achieve, from @artf's answer: Toggling the disableRte property allows to hide the RTE toolbar, while keeping the text editable, on a per-component basis. Hope this h...

iabhiyaan

pankajsharma89

We don't want to make component non editable, component needs to be editable, we just don't want to show rte tool bar on that component.

#3631Jul 21, 2021by anuragk154 answers
1 reactions

How to load dynamic content in the final HTML file?

I looked everywhere, including the issues section and tried a few things. But really unsure how to load dynamic content in my components always(not just when i export or save it via editor). I want to include a script in my grapejs component that always fetches content from web and updates the components. For example,...

stf1981

I think you search for component related javascript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. This js code is embedded in the html output.

anuragk15

I think you search for component related javascript -> https://grapesjs.com/docs/modules/Components-js.html#component-related. This js code is embedded in the html output. So every time the component loads, it will load the data dynamicall...

stf1981

So every time the component loads, it will load the data dynamically via the JS script? YesAlso for the end users i just have to return the html+cas generated by the grapesjs right? Yes, the JS script from the component is in the html, see...

#3627Jul 17, 2021by sanchit364 answers
4 reactions

I'm trying to duplicate the page, but the styles are not geting applied due to the Ids, changes to -2,-3 at the end.

This is what my function looks like. I am trying duplicate the page, the HTML part is fine but as css is applied through ids, when a new page render the ids changes with -2 in end of them. Is there any to prevent it, or any other way of doing this?

OrigoVl

@sanchit36 Hello, are you solving the problem? Can you tell how?

vlont

Use this

leonardolima99

@vlont Thanks!

#3620Jul 13, 2021by jamesshin54 answers
0 reactions

SetComponent() encodes anything in <script> tags

When loading in HTML through setComponent, quotation marks turn into "&quot" and less than signs turn into "&lt". Any help would be greatly appreciated!

artf

Thanks @jamesshin5 that will be fixed in the next release.

jamesshin5

thanks so much for this! when do you think the next release will be? I did a workaround of just adding a component with script to canvas but want to change back asap

artf

I hope really soon but can't tell the exact day. In case it might be useful, we auto-tweet new releases on our twitter account: https://twitter.com/grapesjs

Browse all topics