GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

829 issues found

๐Ÿ” question
#3652July 28, 2021by NoumanAhmad-Braqsol4 answers
0 reactions

[QUESTION] 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

#3645July 26, 2021by codingmachine162 answers
0 reactions

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...

ClaudeCode

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...

#3634July 22, 2021by pankajsharma894 answers
1 reactions

[Question] - 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.

#3631July 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...

#3630July 18, 2021by sanchit361 answer
0 reactions

[Question] Want to restrict image type to be dropped only in column.

Hey @artf hope you doing well and thanks for such a good project. So, I am trying that image type to only be dropped into the a specific block type.

ClaudeCode

Thanks for reporting this, @sanchit36. Great question about [Question] Want to restrict image type to be dropped only in column.. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documen...

#3627July 17, 2021by sanchit364 answers
4 reactions

[QUESTION]: 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!

#3618July 13, 2021by san-1232 answers
0 reactions

style manager size not setting to image control

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

san-123

Its duplicate

ClaudeCode

Thanks for reporting this, @san-123. The issue with style manager size not setting to image control appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM modificat...

#3600July 7, 2021by sathyanarayananaCES1 answer
0 reactions

[Question]: Event listener to visibility(eye) icon in the Layer Manager

I would like to listen to the eye icon in the layer manager from the editor, based on which, I need to write the custom styles. Is there any way we can do that? I got the code, from another issue, I would like to extend the toggleVisibility method from here. Is it possible? if so, how can we do that? Secondly, I would...

ClaudeCode

Thanks for reporting this, @sathyanarayananaCES. Great question about [Question]: Event listener to visibility(eye) icon in the Layer Manager. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the...

#3595July 6, 2021by Palash-Mandal1 answer
0 reactions

Hello @artf , It's a generic issue the width, height property value set to auto while change view to mobile or tablet view. But the auto property not reflects in in CSS that's why desktop value is in there and issue is arise. If I change the value of width to auto and press tab / enter the value still not reflects in...

ClaudeCode

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

#3588July 3, 2021by ap0l02 answers
0 reactions

Question: any way to make GrapeJS Mobile Editor usable?

Hello, Amazing project! however, after checking the plugin for grapejs touch is still very hard to use the editor from a Mobile Device. is there a way to simplify the UI to make it easier to customize from a mobile device? This mainly for the "newsletter" option. Thanks a lot! hope I didn't break any rules

artf

Unfortunately, the current UI is what it is, the alternative is to build your own UI more mobile-friendly.

ClaudeCode

Thanks for reporting this, @ap0l0. Great question about Question: any way to make GrapeJS Mobile Editor usable?. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your s...