GrapesJS Issues

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

829 issues found

๐Ÿ” question
#1109May 14, 2018by FrciSmrci3 answers
1 reactions

[QUESTION] Column blocks not droppable in canvas

Morning @artf :) I'm experiencing an similar problem to this issue. I can't drop any block (text, image, etc.) inside the column block from canvas. When I try to drop it inside layers it works normally, here is a short detailed screen recording of the problem with a visible html structure. Do you have any idea how to...

FrciSmrci

Hey @artf , figured out what was going on today, but forgot to close the issue in the euphoria. ๐Ÿ˜„ The classes from GrapesJS and Bootstrap were colliding, took me some time to realise that, because it worked when trying the same in layers....

artf

Hi @FrciSmrci honestly, I don't understand what is going on and can't reproduce it with the current demo. Did you customize those blocks somehow? From which preset/plugin do you get them? Are you able to reproduce it via jsfiddle? Your gra...

artf

I was thinking that maybe it would be a good idea defaulting it to a key like gjs-. What do you think? Yeah, probably that would prevent scenarios like this ๐Ÿ˜ฌ PRs are welcome :)

#1108May 14, 2018by sai-kishore2 answers
0 reactions

grapesjs is not defined - Added with npm for a vue app. Is there anything I am missing here?

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

FrciSmrci

Hey @sai-kishore , here you have an resolved issue discussing how to use grapesjs in an Vue project. Hope it helps. Have a great day.

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.

#1107May 14, 2018by sai-kishore1 answer
0 reactions

grapesjs is not defined

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.

#1086May 6, 2018by dwengticorp2 answers
0 reactions

[Question] What is the way to generate component with external javascript?

It seems I should not ask such question, but I did spend a lot time to search, could not get a good guide on this. I want to create a FB block, it contains a few DIV tags, and a script that load FB sdk, and render the content into the DIV tags. <div id="fb-root"></div> <div class="fb-page" data-href="" data-tabs="time...

artf

Creating a Component (check also how to create them with js) will give you more control (eg. adding your traits), but in your case, if you just need a draggable element you can wrap it inside such a div

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.

#1080May 2, 2018by francesca-cicileo2 answers
0 reactions

[Question] Changing component attribute from script

I am extending the 'text' component by adding a new attribute and a script. When a user types a certain character in the text component, I want the script to change the attribute in the component's model, but I'm not sure how to do that. This is my setup for modifying the text component: I have two problems: the custo...

artf

You can access nested properties like this var customAttribute = '{[ attributes.customAttribute ]}'; inside the script. You should use model's properties: and then in your script var customAttribute = '{[ customProp ]}'; One more thing, yo...

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.

#1074April 27, 2018by kopecms3 answers
0 reactions

[QUESTIONS] keeping data-gjs- tags

Hello, great stuff. Thanks.Is there any possibility to not remove data-gjs- tags when loading html template or return them with getHtml()?

artf

No, data-gjs-* attributes are used only for the import purpose

Moikapy

Is there a way to remove this on a local version, I'm needing the data-gjs-* to be kept when returned to the canvas.

artf

You can always extend the default component view and add attributes you need

#1070April 25, 2018by AboyobamX2 answers
0 reactions

[QUESTION] Image insert blocked

I'm trying to build a website with grapesjs and now i'm facing the problem, that i can't insert any image from my PC. When i try to upload an image the following information appears: Does anybody know how to fix this problem? Thanks for the help! AboyobamX

artf

The demo uses Filestack's free plan therefore when the limit is reached the plugin is blocked (it resets each month). Moreover, the demo is designed to show GrapesJS's features and not as a service to create websites

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.

#1066April 24, 2018by JulyanoF2 answers
2 reactions

[QUESTION] Get content with inline CSS

I've been looking for some explanation and I found that some email clients blocks CSS... I would like to know if is there some way to get editor's html with all css inline, like <div style="color:red; max-width: 100px"></div> instead of classes

chapterjason

Hey, There are some ways to do this. Read this to get a solution to use Juice For some more details I would read more in the docs about the storage-manager. Please use the search functionality next time. Cheer!

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.

#1064April 24, 2018by bigd2133 answers
0 reactions

[Question] Editor only meant to be fullscreen?

I have successfully contained div id="gjs" inside of another div container so that it would not take up the full screen. I am doing this so that my own navigation bars can be show above and to the left of the grapesjs editor. I have tweaked the height: '100%' value and found that to help, but I could not find a value...

artf

There is a width option if you want, but it should adapt correctly to the parent width. To get a better of what is wrong with your layout a live demo in jsfiddle would be great

bigd213

Thanks - My question was answered with the width option.

chapterjason

@artf I think there is something wrong with the no-response bot :smile:

#1059April 21, 2018by rohanreddyg3 answers
0 reactions

[Question]: Load html content from a file dynamically

Hi, I need to load content from a html file from server onto editor after or while initializing editor. How this can be implemented? HTML will have regular html content i.e HTML tag, script tags, css links and body content which needs to be loaded into editor. StoreManager api documentation is limited and looks like d...

artf

StoreManager api documentation is limited and looks like default load looks for a specific JSON structure with separate html, css as data. Because this is the right way of loading template data, but if this is the first time you load a tem...

suresh5

> StoreManager api documentation is limited and looks like default load looks for a specific JSON structure with separate html, css as data.Because this is the right way of loading template data, but if this is the first time you load a te...

artf

@suresh5 can you please avoid making requests on closed issues...