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...
smik3
Yeah, after 3-4 re-writes I've managed to get to the approach there, haha. Would it be possible for that snippet to be added to the docs? It's taken a few days of searching through issues to see that it is even possible to pass an array of...
artf
https://grapesjs.com/docs/modules/Blocks.html
smik3
I am also getting really confused about this. For example, how do you decide where to put the html markup, in the block content property or in the component view property? Also in the basic-blocks plugin it defines rows/cells as classes in...
If I try to edit an element on the container is not appearing to be working or if I decide to be bold nothing at all. Chrome, IE are working fine only on Safari is the issue. This is my current settings: startGrapeJS : function() { var this = this; this.editor = grapesjs.init({ // Indicate where to init the editor. Yo...
Behavior I use an external Javascript code that replaces some SVG elements dynamically based on their attributes. The Javascript code first checks for the type of the element to validate, that it is an SVGElement like this: document.querySelector('#someId') instanceof SVGElement The code returns True in Firefox but Fa...
artf
The code returns True in Firefox but False in Safari and Chrome although I can verify in the Chrome Properties tab, that it is indeed of type SVGElement. Weird, seems like a Chromium issue...
Hello there! i recently ran into this new awesome feature introduced here here you can have some processing done on the react generated element which is awesome. for the moment i am working on some third party components that use vue as their compiler. the current approach i am dealing with is as below that is working...
artf
mmm probably I didn't describe it correctly, especially with this: I need to correct it with So the point of this feature is simply to understand objects generated from JSX and transform them into GrapesJS component definition objects and...
We had an issue with Grapes metadata (Components, Style, etc.) growing to the point it was causing issues on our end. After inspecting we noticed that the HTML/CSS grapes was outputting was less than 5k, but the Components/Style objects were storing at ~190k. After looking into the components, I noticed most of the da...
devgru
Consider using avoidDefaults flag, it reduces config footprint by removing these default values: https://github.com/artf/grapesjs/blob/c1fb490a73adefb0fa073f37bef4e6178d9321a8/src/editor/config/config.js#L131
artf
Consider using avoidDefaults flag, it reduces config footprint by removing these default values Correct
QuestionsHow can I make a part of my template a component ?How can I set draggableComponents on such a component?If so, then can I stop setting selectable: false, highlightable: false, hoverable: false on the child nodes inside said component?Is it possible to supply a different external link to the component? More ex...
pouyamiralayi
if you want to initialize the editor with some components already placed into the canvas, you need this: cheers.
artf
for the moment grapes has some issue on storing custom components defined outside plugins. Actually, are stored correctly, it's just about loading components that are not recognized because the custom type doesn't exist yet, so this is the...
Jogai
Thanks for the answer and the links. They are really helpful. For this question however I was looking for a way to do this within a template. Currently we dont use the blockmanager, our users only drag stuff around. They never add anything.
Hi. I have a predefined json of a template which contains a set of html elements and styles which are parsed into the set of components upon grapesjs load. The css contains some of the default media query rules which I'd like to keep for the template. Commands editor.getHTML() and editor.getCSS() return correct values...
artf
Provide a reproducible demo, please
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...
abozhinov
I have the same problem. This is my issue -> https://github.com/artf/grapesjs/issues/2843
Im working on a project and having a hard time getting remote data. Code: storageManager: { id: 'gjs-', // Prefix identifier that will be used on parameters type: 'remote', // Type of the storage autosave: true, // Store data automatically autoload: true, // Autoload stored data on init stepsBeforeSave: 1, // If autos...
miky9585
I think you need to print your data->attributes. Here my printed data that works fine
jeffgipson
Thanks for the reply @miky9585 I tried this but not working
artf
@jeffgipson you're returning a completely wrong format from the server, please read carefully this part https://grapesjs.com/docs/modules/Storage.html#setup-the-server
editor.DomComponents.getWrapper().getEl().insertAdjacentHTML('beforeBegin', letBlock) letBlock letblock is a variable that contains HTML. Question:How to remove this adjacent HTML?is there a function like "insertAdjacentCSS()"?
zgover
You touched on a few questions here, but to get to your first in your headline; reference the BlockManager api docs here e.g.
artf
You're mixing too much stuff in one question and without any context
froderf
@artf I just wanted to remove the new block that I added via editor.DomComponents.getWrapper().getEl().insertAdjacentHTML();
Hello! I want to integrate a custom component with GrapesJS, using Angular CLI 7, but it doesn’t render. My component is built on top of another open-source component. When I want to include it in any Angular project, I would just import the dependencies/libraries in the typescript files and the component itself (e.g....
artf
Ok, but what will you do with the output (Angular components) of the editor? I mean, how you will use it at the end? Anyway, I see two different approaches to this kind of situation:Create a custom render for each component (the exact thin...
artf
@adelliinaa let's start from a simple question because I don't understand, what kind of editor are you trying to create? A builder for Angular components?!?
adelliinaa
I want to create a form builder similar to the one which you created with the MJML components, but using Angular CLI instead of JS. And yes, the customed components which I want to integrate within GrapesJS are built in Angular as well.