GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#976March 22, 2018by TimNZ3 answers
1 reactions

Cell resizing via drag handle broken

Bugs Add 2 column block, select a Cell, and use resize handle to resize width.Realtime width change of cell does not track the mouse pointer.Dimensions fields/calculation seem broken, switching between % and px in unexpected ways.Resize handle intermittently disappears SuggestManual Cell resize needs to use a sane met...

TimNZ

Thanks for the reply. I'll have a play as well. Awesome awesome awesome work with Grapes, greatly appreciated. I'm using a number of components that have had a huge amount of work put in by many people and will support as soon as I can aff...

artf

Realtime width change of cell does not track the mouse pointer The current grid uses flexbox and as it tries to adapt itself in relation to its sibling nodes what you're asking it's not possibleDimensions fields/calculation seem broken, sw...

TimNZ

@artf legend!

#975March 22, 2018by rajanbharti3 answers
4 reactions

[Question] Default values for traits field

I have created component with certain traits. I am not able to assign default value to traits by passing values. It is coming as undefined for color type, blank for text field. Any changes in field is getting reflected in component

artf

Traits should read the default directly from their props/attributes, so in your case, it should be something like this:

rajanbharti

in your case, defaults should be like typeid: 0 pointing to the first element as default

rajanbharti

Thanks!

#974March 21, 2018by ghost3 answers
5 reactions

[Question] Removing the deviceManager and ViewCode buttons

I'm playing with the default init to try and remove the deviceManager and ViewCode buttons... var editor = grapesjs.init({ showOffsets: 1, noticeOnUnload: 0, container: '#gjs', height: '100%', fromElement: true, assetManager: { upload: false }, storageManager: { autoload: 0 }, styleManager: { sectors: [{ name: 'Genera...

ryandeba

Hi @PCPLTodd, Here's an example of how you can remove the device switcher and view code button: https://jsfiddle.net/fjkk8w6k/2/

hlo2109

Hi, I know it's late, but this is how I did it right now: editor.Panels.removeButton('devices-c', 'set-device-desktop'); editor.Panels.removeButton('devices-c', 'set-device-tablet'); editor.Panels.removeButton('devices-c', 'set-device-mobi...

ghost

Thanks Ryan, that worked great! :D

#973March 21, 2018by ryandeba3 answers
0 reactions

[Question]: Doctype in the canvas iframe

Hey @artf, I noticed the canvas iframe doesn't appear to have any doctype set on it, which causes it to be in quirks mode. Is this intentional? I'd like to set it to <!DOCTYPE html>, but doing so causes some positioning issues that you can see in this screenshot and demo. Would you be open to a pull request that would...

ryandeba

This has suddenly become less relevant to the project that I'm working on, so I'm closing it for now.

peakrams

I am interested in a possible solution for this issue. For now I've worked around it by putting custom CSS for those quirks that have a solution via CSS, but the ability to use a DOCTYPE would better, I think.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#972March 21, 2018by vrudikov1 answer
0 reactions

[FEATURE REQUEST] Allow Trait API clients to override and use initlialize method of TraitView class

Current behaviour: When traits get added with TraitView.addType method they are extend TraitsViewer.itemView(which is TraitView). When TraitSelectView class extends TraitView it overrides initialize(o) method and calls TraitView.prototype.initialize.apply(this, arguments); to initialize parent class(as i understand)....

artf

Hi @vrudikov I didn't get what do you suggest. Would you like to have some kind of init() method which acts as a callback after the initialization?

#970March 21, 2018by alimajed932 answers
0 reactions

[BUG] Video block - Switching providers

Hello everyone, I noticed that when you drag and drop a video block and before adding any url, if you switch providers (choose youtube or vimeo), an error appears in the console while the block is functioning normally. In case you choose youtube, the error received is: <img width="1280" alt="screen shot 2018-03-21 at...

artf

Well Vimeo's case is pretty much self-explanatory, about the Youtube, it's a chromium bug https://bugs.chromium.org/p/chromium/issues/detail?id=807304 and you'll see this error on any page with an embedded youtube player, so just need to w...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#969March 21, 2018by alimajed932 answers
0 reactions

[BUG] Video block - Loop option

Hello everyone, I noticed that when you drag and drop a video block to the canvas, choose youtube, add the correct video ID and check the loop option, it doesn't work as expected. It works well for HTML5 and Vimeo though. The url changes when checking this option adding loop=1: https://www.youtube.com/embed/5Q80bhJYTI...

artf

Seems like the loop is broken and works only with playlist enabled https://stackoverflow.com/questions/25779966/youtube-iframe-loop-doesnt-work I'll add it to the loop parameter

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#968March 21, 2018by Deepak8132 answers
0 reactions

Traits not showing with reference code: How to show traits along with style manager as in demo

Hi @artf, We found that when we download the latest grapesJs package in that traits tab are showing in different and online demo shows the traits in same style manager. We have used below reference code but nothing change: https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L1366-L1397 Main question is why the de...

artf

Main question is why the demo and new release code are different? The demo uses different plugins and some other customizations so this is why are differentAlso, traits are working file with 0.13.8 release but changed in 0.14.5 or 6 versio...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#967March 21, 2018by yashmahes1 answer
0 reactions

In GrapesJs, I want to store uploaded image in a local folder. I dont want to use API, instead I want to store the image in a local folder. How can I do this. Please send me the procedure. Thanks :)

WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

#966March 21, 2018by faizansaiyed3 answers
8 reactions

[QUESTION] How to load external CSS file into Grapes Editor?

Hey, During my editor = grapesjs.init(), I want to load an external CSS file into the canvas using @import url(...). So when I use my custom components which are using those external CSS stylings, should render properly. Also, those URL should include in editor.getCss(). How can I do that? Thanks in advance.

chapterjason

https://github.com/artf/grapesjs/issues/195 https://github.com/artf/grapesjs/issues/473 https://github.com/artf/grapesjs/issues/444 https://github.com/artf/grapesjs/issues/66 Here are some solutions, please search next time before open an...

faizansaiyed

Thanks for the help. This works perfectly. I tried searching issues with @import query, my bad.

lock[bot]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.