#3021September 15, 2020by Abhisheknanda13444631 answer
Hi @artf Could you please let me know how can i proceed to make custom blocks of svg icons for e.g -: i want to make of blocks of icons in which there is list of svg icons available. Thanks
artf
You have to create a custom component which triggers a Modal (or whatever container you want) once activated
#3019September 11, 2020by sircoko3 answers
Hi! I've created a custom trait, and I want to be allowed to change the content of the tags (in this case it's a H1 tag) based on the trait values.. It would be awesome if it can be bi-directional; changes in the traits panel will update the canvas and also changes in the canvas would update the input in the panel. I'...
artf
changes in the canvas What kind of changes? How would you like to change the tag of the element in the canvas?
sircoko
No, i want to change the content. for example <p> $CHANGE_THIS </p>
artf
onUpdate function in the custom trait definition allows you to update the input as you wish (in the example you see how the component parameter is passed and used to update the trait value)
#3018September 11, 2020by dharmatv3 answers
Version: 0.15.9 Are you able to reproduce the bug from the demo? Yes What is the expected behavior? Don't refresh the page after clicking on import buttion Describe the bug detailed I have included this component(grapesjs) in b-form. In which we have an import option right so I have clicked on that button it will refr...
dharmatv
Thanks @artf I got solution, please check following solution if anyone need Sol:
artf
Probably it submits the page because the import button doesn't have type="button" so it acts as type="submit" inside a form element
dharmatv
@artf I know that, but how can I add a type for the import button note: I know how to add dynamically by using js. Without that, any other solution in grapesjs
#3017September 11, 2020by adamtang793 answers
Said I want to override BlockManager inside my plugin project. Currently I have to fork the grapesjs, create branch and modify BlockManager codes. Some changes are not related to grapesjs, so I have to build my branch and refer it from my plugin. It possible for me to override BlockManager inside my plugin project eg....
adamtang79
Means not possible in plug in level?
artf
What exactly you'd like to override?
#3016September 11, 2020by adamtang792 answers
Currently there is only 1 block manager. I wish to move the blocks to the left of canvas. Where I can drag and drop the block from the left and see the style on the right. I will be able to add more new kind of manager either left or right. Are they any example to do this?
adamtang79
is this the correct way? https://codepen.io/artf/pen/MQpZPj
artf
is this the correct way? Correct
#3015September 10, 2020by chongma2 answers
Version: 0.16.22 Are you able to reproduce the bug from the demo? [] Yes [ ] No What is the expected behavior? the exported html should be responsive Describe the bug detailedclick </> view code at the top of the demo, and then click the "Export to ZIP"unzip the file and click index.htmlresize the window using the chr...
artf
Well for sure the export plugin could be configured better but for sure it's not the core issue and not even the real purpose of the demo
chongma
This is my first time using grapes. If the template resizes well in the grapes editor but I can't export the html then how to use the template?
#3014September 10, 2020by Lerdouille3 answers
Hi, i'm trying to make custom components composed with other components. No problem to do that. I'm facing an issue when i want to move the whole component. Here is my test component: it looks like this on the editor : my issue is when i want to move the component, i can move it when i click on the blank space after t...
artf
No, it's all as defined. You're trying to drag a non-draggable component so, the behavior is correct
Lerdouille
Hi, thank you for the answer. Well, i know my "link" component is not draggable, i set it that way (to specially not drag the link outside the whole component) But it's also set as non selectable, so if i click on it, and i want to drag th...
#3012September 10, 2020by krishnaeverestengineering3 answers
I want to avoid some of the tags not to detect as components like 'B', 'I' etc tag. The problem is I have a component like this <p data-gjs-type="text">Insert Text Here</p> When I add Bold style to some textnode like this <p data-gjs-type="text">Insert Text <b>Here</b></p> due to its component behaviour B tag also det...
RJCAM
Hi @krishnaeverestengineering why you don't just simply use the rich text editor to make the text bold?
krishnaeverestengineering
Yes we can use it . But the problem is after saving and loading the content again makes that B tag as separate text component. That I want to avoid as another component
krishnaeverestengineering
<img width="809" alt="Screenshot 2020-09-11 at 9 10 41 AM" src="https://user-images.githubusercontent.com/55732888/92854461-ba449e00-f40e-11ea-9ca7-4e4a5dc26402.png"> See this, now bold text is now another text component
#3011September 9, 2020by jcze911 answer
Hello, I'm using GrapesJs with the MJML plugin and when I drag'n'drop an image from my desktop, the dropped result on the wrapper is an "image" component. But in my case I would like that the dropped result is directly a "mj-image" component. I saw the result from the drag data transfer is computed in this method from...
artf
Check this one https://github.com/artf/grapesjs/issues/2472#issuecomment-570228050
#3010September 8, 2020by vijayshukla303 answers
Hi, I tried all possible ways to change asset manager configuration, but it is not working as expected. Even I create a sample plugin but it does not seem to work. Basically I want to upload the file on my server, I gave the URL but it not sending any request on the server. I then override uploadFile, it works to send...
artf
You have to use the I18n module to update those labels
vijayshukla30
@artf This is not only about label. I gave my API URL in upload but not able to receive any call on the API, neither didn't see any in the network.
vijayshukla30
I tried to disable upload but not working. <img width="1384" alt="Screenshot 2020-09-15 at 12 48 57 PM" src="https://user-images.githubusercontent.com/11537372/93178562-0a469c00-f752-11ea-89ce-ed1b2a9ac33c.png">