GrapesJS Issues

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

231 issues found

πŸ” general
#3477May 24, 2021by ahmedderkaoui2 answers
0 reactions

SetMessages() does not update i18n

By default, the editor is initiated with english language when the init does not contain: However, when I try to change the language using the i18n method: setMessages like below: editor.I18n.setMessages({ en: tr }); this happens:Opened tabs (like Style Manager which by default gets open at load) do not get updated by...

artf

Follow the issue template

GJSBlock

Thanks for reporting this, @ahmedderkaoui. Thanks for sharing your report about setMessages() does not update i18n. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle) You...

#3464May 19, 2021by mosh-tudor2 answers
0 reactions

Editing button text doesn't work correctly

Description0 - Visit: https://grapesjs.com/demo.html1 - Select button: <img width="674" alt="Screenshot 2021-05-19 at 15 09 53" src="https://user-images.githubusercontent.com/668451/118818468-a5c97700-b8b4-11eb-9006-56abe37a8343.png">2 - Change content: <img width="253" alt="Screenshot 2021-05-19 at 15 10 05" src="htt...

artf

Duplicate of #3205

GJSBlock

Thanks for reporting this, @mosh-tudor. Thanks for sharing your report about Editing button text doesn't work correctly. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle...

#3453May 12, 2021by alemenciones2 answers
0 reactions

How to resize start/end in absolute mode?

Hello, dear i'm trying something like "resize:start/end" in absoluteMode with styleable:change:width/height. can you help me?

alemenciones

this work:

GJSBlock

Thanks for reporting this, @alemenciones. Great question about FEAT: how to resize start/end in absolute mode?. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for you...

#3448May 10, 2021by rcloss2 answers
0 reactions

Applying custom class to component doesn't seem to be working

I'm adding a class on a component when certain conditions aren't met, in this case when there's no href set. I viewed the source and see the "nolink" class in the source but it's not setting the background color to red and I'm not seeing it when inspecting the element, this is how I'm trying to add it, but when I do c...

artf

I also tried editor.CssComposer.setRule('.nolink', {'background-color':'red'}); but that didn't seem to work either setRule is the right API to use and it works, but it creates only the rule, you have also to add the class to the component...

GJSBlock

Thanks for reporting this, @rcloss. Thanks for sharing your report about applying custom class to component doesn't seem to be working. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeS...

#3444May 8, 2021by mahfuzdiu4 answers
0 reactions

RemoveButton() causing error

Hi, I'm trying to remove a button from panel using this code editor.Panels.removeButton('options', 'fullscreen') . It removes the button but gives me this error. How to solve it?

mahfuzdiu

I hid it with custom css editor.Panels.getButton('options', 'fullscreen').attributes.className = 'hidepanelbtn' btw a proper solution would be nice.

artf

Hi @mahfuzdiu by doing so on the official demo, it works with no errors, are you able to create a reproducible demo?

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

#3442May 7, 2021by zgeist4 answers
4 reactions

Error after call `editor.destroy()`

Create editor instance Try destroy Got error

artf

Thanks for the report, I'll try to fix it in the next release @ershadul1 nope, there is a FrameWrapView (stuff around the iframe, like wrappers, tools for selection etc.), and inside there is a FrameView (the iframe itself), but probably f...

ershadul1

https://github.com/artf/grapesjs/blob/0027dcd1194715eeaf4b24db878dd7ebac069cc4/src/canvas/view/FrameWrapView.js#L73 I'm seeing that the remove is used inside the remove itself. I don't understand. Was this a mistake? If I set this.frame =...

PRTTMPRPHT

+1

#3432May 5, 2021by SintoDema2 answers
0 reactions

Can we able to use Wistia in GrapesJS editor. I would like to use it as Vimeo u…

Hi @artf, Can we able to use Wistia in GrapesJS editor. I would like to use it as Vimeo used in the editor. Scenario: I have a video in my Wistia domain, let the path be https://mydomain.wistia.com/medias/VIDEO_ID. I have to add that URL or video as we are adding a Youtube video link with Video ID in editor > video se...

artf

Sure, just check the current implementation of the ComponentVideo and extend it for your needs.

GJSBlock

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

#3424Apr 29, 2021by Tal5001 answer
0 reactions

HE(Hebrew) Language support

I would like to add Hebrew language support, and to translate it. Additionally, you should support the "direction" property in order to allow Right to Left language support for display: https://www.w3schools.com/cssref/prtextdirection.asp

GJSBlock

Thanks for reporting this, @Tal500. Great suggestion about HE(Hebrew) Language support! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approach...

#3423Apr 29, 2021by zgeist2 answers
1 reactions

RTE generate tag span after remove `bold`, `italic` etc

Place text block Edit text, apply bold or italic Deselect text block Select again and remove bold Open source code, you should see span tags

Ju99ernaut

Looks like an issue with the underlying browser API ie. Document.execCommand() so I'm not sure this can be solved, says here it has been deprecated but there's really no alternative, anyways the removeFormat command seems to work without l...

GJSBlock

Thanks for reporting this, @zgeist. Thanks for sharing your report about RTE generate tag span after remove bold, italic etc. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSF...

#3422Apr 29, 2021by Asifislam1104 answers
0 reactions

How we can remove default text content from text component 'Insert your text here' ?

I want to remove default text from text component just like placeholder. every time when we drag text component we need to remove default text manually.

theSC0RP

Hey @Asifislam110, I don't know if this is the best solution but this was one that I could come up with.

Asifislam110

@theSC0RP it will remove the text from all the text component when editor get loaded. When inserting a text box into Editor the text "Insert your text here" should automatically disappear when user goes to start typing. Currently, you have...

theSC0RP

Ohh my bad! I thought you didn't want the text component to have any content when dropped in the canvas. For your doubt, I guess you can do something like when a component is selected check if it's a text component and in the view, you wil...

Browse all topics