#2334October 16, 2019by suchiitsme1 answer
Hi I'm using GrapesJS Newsletter preset. I want a feature like "social element in grapesjs mjml". But instead of font icons i have to use images and a option to upload images and show them.
hellocaio
You need to create a 'block' for that and set its properties according to your specifications. Read the documentation, it explains with examples how to do such things.
#2317October 8, 2019by suchiitsme3 answers
[FEATURE REQUESTS] I have to add block which should a open a modal with form fields. Based on the form data selected I have to generate a html string and insert it to editor. and on click /double click of the component, modal should open again with the form details. How can I do this? Please help.
jcarizza
Hello @suchiitsme i think you can implement a component type.
suchiitsme
Hello @suchiitsme i think you can implement a component type. Thank you. I will give a try!!
suchiitsme
Hi How do I link this to block?
#2302September 30, 2019by Amitkumar855333 answers
I have used an external plugin javascript version of @fullCalendar into the GrapesJS. I am able to render the calendar on the canvas but I am unable to use GrapesJS export feature to get JS, CSS and HTML of the following. I tried using 1) var html = editor.getHtml(); 2) var css = editor.getCss(); 3) var js = editor.ge...
pouyamiralayi
. But we are unable to show users the calendar on the canvas after drag and drop with render function in MODEL that is why we used OnRender in the VIEW. Did you try the component type definition i posted for you? it has been tested and it...
Amitkumar85533
Thanks a lot, @pouyamiralayi. The code you gave was working. Our code was not able to pick the dom element to render the calendar. Now it is working as expected. Thanks a lot for helping us out !!!! :-p
pouyamiralayi
Hi there! what you are looking for is using js inside components. just include the required js and css in the canvas scripts and styles section: after that build your own custom type component: then on code preview you will see the result...
#2290September 25, 2019by JCKodel1 answer
I have a custom component that will render the results of a remote query inside a component, so, I added a text trait on my block manager so the user can select the query selector for the destination component. It would be nice if there were a trait called "componentRelationship" that renders a target button. When we...
artf
Thanks @JCKodel for the suggestion, I like it but I also think it might a bit overwhelmed for being placed in the core library. Probable in this case it would be best to define a custom Trait
#2289September 25, 2019by JCKodel3 answers
When using Ionic StencilJS, the components are imported using the new module support: On {canvas: scripts: []} I can only load external scripts by their url. To cover such case, we could import modules as this: The final result inside canvas would be: Notice that this would cover also the case when we want to use inte...
artf
Nice I like it, for anyone interested in making a PR the code to update is here: https://github.com/artf/grapesjs/blob/aee18dcf0602e5d56e7670deb8d4ffbf31c73008/src/canvas/view/CanvasView.js#L140-L161
devtechk
Hi can I start from yours code to init grapesjs not in the html file but in a separated js file? Thank you
rywilson28
@artf it looks like this feature has been implemented. There is a minor issue where type will default to 'text/javascript'. For HTML 5 it should be omitted but should not cause any issues if there. Should this issue be closed?
#2270September 15, 2019by ghostNo answers
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...
#2244September 5, 2019by arievanden1 answer
When you click on a text node, the cursor is at the beginning of the block. Clicking again doesn't move the cursor into position when you want to insert more text, so you must use the arrow key to move the cursor into position. Not a big deal, but it would be great if when you click on a text node to edit that it woul...
artf
Indeed, this is how it should work... It's due to this bug #2210 Already fixed and ready for the next release (hope to publish it this week) For now, you have to disable config.domComponents.draggableComponents feature
#2221August 27, 2019by nikhilmate3 answers
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...
#2204August 20, 2019by pouyamiralayi1 answer
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...
#2201August 18, 2019by grant0073 answers
Given the following code example... Results in no ability to scroll to top of canvas if editor display area is less than specified height of the device. See Fiddle for demonstration... https://jsfiddle.net/gstone007/0vq3o2jf/1/
ghost
Just add style overflow: auto to .gjs-cv-canvas__frames
artf
After exploring a bit more about this issue I'd suggest just not to exceed the canvas height with the device one. Unfortunately, currently, making any part of the canvas scrollable (solution suggested by @TheDiamondKing ) will lead to unex...
contentfree
@artf Is your comment still true? Does adding overflow: auto (especially in a "designer mode" / "absolute mode" canvas) still cause problems?