For countdown we would like to add our custom datetime picker not just the html one.We tried adding click event in its trait this way traits: [{ label: "Start", name: "startfrom", changeProp: 1, type: n.dateInputType, events:{ click:"handleClick", }, handleClick:function(e){alert('here')}, } but this doesn't work.Can...
Hi artf, Please let us know how we can remove the selected component html like I have one button html and when i selected that "gjs-comp-selected" class is appended <button class="addcolbtn gjs-comp-selected" id="ir9j">Add New Column</button> I want to remove this button html and replace with new content on particular...
artf
You can do something like this
mararn1618
This has helped me a lot with programatically removing components and I just want to add some example code in Typescript for further reference.Typescript Example: Dynamically remove components All components are removed that .... have a ta...
Deepak813
Hi artf, Thanks for the message and provided code is working fine but i am getting below error: Uncaught TypeError: Cannot read property 'indexOf' of undefined at HTMLDivElement.<anonymous> (template.js?1.15:3784) at HTMLDivElement.dispatc...
I need to add new element in basic block section.I checked we have a gapejs-preset-webpage.js where i can add the elements but in the whole editor module its minified version is used,so i need to include the minified version and can not include gapejs-preset-webpage.js .Is there any way i can add the new elements.I ha...
artf
https://github.com/artf/grapesjs/wiki/Blocks
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.
Hello, Actually, i've a gwt application and i need to integrate grapes js. My problem is i not really how to do this because of all the different files in JS. I understood that it was necessary to create a module with specific path but i don't really see how to link js with gwt in the context of such a large project....
artf
I don't know how GWT works but I'd not expect anything different from using any other external library. You just need to include one grapesjs js file https://unpkg.com/[email protected]/dist/grapes.min.js (probably you will need a style too)...
NicolasBerino
thank you for your answer, but it does not help me because it is at the level of writing the context that I have trouble. In fact, I tried to use the readme to integrate the two min files (with minimal context as a result) but it did not w...
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.
HI, i'm using the latest build and i have the issue as described in the title. I am editing html and css separately. I have noticed that when editing the css, if i try to add a new class, not used by any of the elements in the canvas yet, after saving, that css class is removed, if instead i go and create a dummy div,...
artf
Yes, it's a normal behavior, the editor optimizes the exported code, but in the next release you'll find a new keepUnusedStyles option, which allows you to skip this optimization
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.
@artf - I don't want user to select element and change the states. I want to change the colours, thickness permanently for the whole editor by default. Means it doesn't depend on the user or any element. I want to change it for the editor permanently.
chapterjason
You can find all the styles for the editor in the following directory https://github.com/artf/grapesjs/tree/dev/src/styles/scss Note: it's scss not css I you want to find out the css selectors directly, you can use the browser developer to...
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.
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.
At the first time, the countdown and its are showing and working fine. But I save the template and then again render the template, but same traits are not showing in the countdown element when I click on the countdown element again.
artf
Store and load data as JSON not HTML. Search in issues how to store/load data for more informations
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.
Hi @artf I initialized grapesjs without allow script. I imported html string from the attachment (template.zip) and Grapesjs can show it correctly But when I allow script by allowScripts: 1 in init code and imported the above html string. Grapesjs doesn't show any and I can't use any grapesjs. template.zip
artf
Can you provide a live demo on jsfiddle?
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...
phucphanJaneto
Hi, @artf Sorry for late reply. Here you are: https://jsfiddle.net/oq58jk1p/6/ Currently, I comment the line "allowScript: 1" in the jsfiddle. When you test please open this again. Thanks.