GrapesJS Issues

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

3464 issues found

#466October 30, 2017by arthuralmeidap3 answers
0 reactions

Disable button

Hi, I added a new button in Options Panel and now I'm trying to make it disable while a given criteria is not ok. For now, I tried to use the myButton.set('active', 1) but this is not I'm looking for. I take a quick look on GrapesJS code and I didn't see an option to disable the button or make it "unclickable". Is the...

artf

Hi Arthur, unfortunately, there is no 'disable' feature, but it'd be cool to have

arthuralmeidap

hi @artf , I will try to work on that, ok? I will starting adding a new disable attribute for the button. What you think?

arthuralmeidap

Hey @artf , This is not related to this issue, but do you know when a next version will be released? There is some improvements on dev branch that would be nice to have them.

#464October 30, 2017by jiggyt2 answers
0 reactions

Adding class to style?

Hello, sorry if this was asked before but i searched and couldnt find anything re this. How would i reference a component (textbox) under content to a default unique class instead of having to type the css attribute one by one? e.g. (not working) below, input-control is the class. id: 'email', label: 'email', category...

artf

Use classes key

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.

#463October 29, 2017by roytang3 answers
0 reactions

Is the video component on the webpage demo working?

I wanted to study how to use the video component but the one on the demo website (http://grapesjs.com/demo.html) doesn't seem to be working? Dropping a video component into the canvas shows a still photo with some lights. If I click the edit icon, the photo editor opens with no content and no toolbar and a bunch of JS...

artf

It's not a photo but actually, a video (I just turned off autoplay), if you toggle controls and turn on the preview you should be able to see it play. About the edit button, I think it's a bug, should not be there, I'll check it later

roytang

How to toggle controls and turn on the preview?

artf

#462October 28, 2017by ivantokar1 answer
0 reactions

Autoplay on video does not work correct

When using url like: https://player.vimeo.com/video/240175862?autoplay=0&title=0&byline=0&wmode=transparent Video has autoplay enabled. This is not correct

vizardkill

The same goes for Youtube, the autoPlay property doesn't work

#461October 28, 2017by roytang2 answers
0 reactions

RTE toolbar appears in the top panel

Hi, We recently updated GrapesJS from 0.8.8 to 0.12.15. After the upgrade, I found that the rte-toolbar appears in the top panel for some reason. I've tried doing a clean call of grapesjs (copied from the wiki): But the toolbar is still there: https://i.imgur.com/gcaBti2.png After I double-click the "Hello world" text...

artf

Seems like it's just not hidden on render, will fix it for the next release

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.

#460October 28, 2017by roytang3 answers
2 reactions

When the component's view modifies the HTML, text components are no longer editable

I'm trying to build a custom component that contains some lorem ipsum text in the content, for editing once it's on the canvas. But I also want to modify the HTML in the view (to add some content that I want shown in the editor but not in the saved HTML). I tried something like this: The issue is if I modify the rende...

roytang

I tried the above, as follows: But I'm still unable to edit the text in the h1 and p elements after dropping the component on the canvas. :(

artf

Sorry I didn't notice this you basically remove elements with models and attach a new string as HTML (the editor can't access their models anymore). If you want to add a new component you should do it via models (eg. view.model.append('<di...

artf

You can extend the Text Component instead of the base one

#459October 28, 2017by roytang3 answers
1 reactions

Error when including a custom component inside another block

Sorry for the vague title. I'm not sure how to describe this concisely. I have a custom block where i want to restrict that only images can be dropped into a certain part of the block. I tried something like this: However, when I do this, trying to drag the block off the block palette raises the following error: ... g...

roytang

Seeing as how your comment fixed the original error I encountered, I'll close this comment and post a separate one for my questions about usage of the droppable property.

artf

The view is mandatory when you're defining a new Component type

roytang

Thanks! Adding the defaultView did indeed get rid of the error, but I'm still unable to do what I want - I can't seem to drop an image inside the "image-container" part of the sample above. When I try to drop the an image component there,...

#457October 28, 2017by mekamleshk2 answers
0 reactions

Two Quick Questions

Hi @artf 1) I have my editor templates like this : I want to change the alignment and also add a back button to the corner left like this one : 2) Don't know for what reason whenever I select text the ckeditor options always appear at the top : I want it to appear besides the selected text like this : Thanks

artf

Check the Panels API or you can just append/remove stuff once the editor is loadedJust tried it the demo and works as expected, probably you have multiple nested text components, where in that case the toolbar appears on top of the highest...

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.

#456October 27, 2017by leantorres733 answers
0 reactions

Combobox cross-browser issues

I found that the combobox has different styles on different browsers. Firefox 56.0.2 (64-bits): Chrome: Safari: I think the problem is with Firefox. Also when opening the select, firefox displays some white borders: As Firefox use custom select this gives me issues when changing to a light theme.

santiph

With the light theme enabled, this is what select boxes look like on Firefox for OSx <img width="198" alt="screen shot 2017-10-27 at 19 15 28" src="https://user-images.githubusercontent.com/747646/32127161-47023f32-bb4b-11e7-8f55-b0eeab117...

leantorres73

@artf I can work on it if you give me the indications, or if you want I can propose something.

artf

Thanks @leantorres73 a PR would be great. It's all about CSS and the problem is the <option> styling that should be here: https://github.com/artf/grapesjs/blob/dev/src/styles/scss/gjsinputs.scss (just try to search option) I think it would...

#455October 27, 2017by krunal0393 answers
0 reactions

Need help: Ask for user input for text/imageurl/hyperlink

we are building template where it will render div with background image and on hover it will display some text, also there will be hyper link when someone click on it should redirect user to and also title below image for text. We have built template but we could not build in such way where once user drop template we...

artf

check here #286

krunal039

@artf thanks for reply but still I could not understand how to create block with component as component are building block and block will be made of components. we wants to have single window where user can porvide all information on block...

artf

Check out Blocks and Components documentation