Hi, I've been doing so much reading on GrapesJs to find out how to build a component and assign it to a block. But after some time, I've figured using components isn't the right way to go. I'm looking to swap out the image src and set a data-src to the image, however, I only want to do this on the save. I have a stora...
pouyamiralayi
@awaredigital you can perform operations like text replacement for your specific case before the grapesjs try to store the components & html. `editor.on('storage:start:store', objToStore => {} )` Cheers!
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...
nawaz123
Open block Components in UI are not visible in Downloaded (localhost) Grapejs as shown in screenshot while Open block Components in UI are visible in demo page (https://grapesjs.com/demo.html) Kingly guide to resolve this issue?
Hello, I'm using Font Awesome 5 in my project, I was checked grapejs' previously asked questions Font Awesome is removed I guess. So, I'm replaced some icons with panel/block options to font awesome 5 but I cant find some icon parameters in editor. When I click on element, drag and remove icons doesnt appears, how can...
artf
For changing toolbar icons I'd recommend checking the following issue #1632 Also Style manager show extra large plus icon over panel how can I remove it? Will be fixed in the next release, for now, use this temporary fix
Hi, when I click to element, it's class is automatically selected. How can I set classes to "non selected" and select only if needed. <img width="470" alt="Screenshot 2020-01-21 at 13 03 44" src="https://user-images.githubusercontent.com/51018512/72803479-7e29b680-3c4e-11ea-8def-baafc10507ae.png">
MatejGlasnak
I found solution: https://github.com/artf/grapesjs/issues/1979
I'm trying to replace the dropdown with icon for the devices following the example in the newsletter template yet it doesn't work.
Phil-B
The above examples didn't work for me in version 0.17.28 (I presume the API has changed). This worked:
umerrinayat
@petervandeput https://github.com/artf/grapesjs/issues/1507#issuecomment-496280105 After grapesjs init. ```// Add device icons on panels bar editor.getConfig().showDevices = 0; editor.Panels.addPanel({ id: "devices-c" }).get("buttons").add...
artf
You should also create those commands https://github.com/artf/grapesjs-preset-newsletter/blob/04f1eb21c1ae45f8d2b2912323e79354d8e72f18/src/commands.js#L30-L44
I'm using component.find() to search for a nested component in a big chunk of HTML content for a fieldset tag so that I can append components after it. Component.find locates the component, as seen in the console.log, but attempting to .append or use .components to inject content results in a console error: fieldSet.a...
msantore
Figured this out! Just had to specific an array position :-) After using component.find('fieldset') be sure to set an array position fieldSet[0].append(questionFieldSet);
I'm building a VueJS app and would like to use GrapesJS inside the app (and I'm NOT trying to use VueJS inside GrapesJS). I've searched and read through existing Issues but so far I have not seen any examples of how to use GrapesJS in a VueJS app (unless I'm misunderstanding the examples). Thanks for any suggestions!
Hi, quick question. I have an image and I just want to add a link on it. Using the model, what is the easiest way to add a link on the image? I tried to use model.replaceWith but the problem is that if I put some styling on the image and then call model.replaceWith, the styles are removed. Is there a better way to ach...
simplecommerce
Ok, I was able to get it working by doing the following: I don't know if it's a good way or not, appreciate any feedback.
pouyamiralayi
Hi @simplecommerce ! cheers!
simplecommerce
Hi @simplecommerce ! cheers! Hi @pouyamiralayi, thanks for the reply. I didn't mean by creating a new component, what I meant was to simply replace a rendered component model in the canvas (an image) by wrapping it inside a link (a) while...
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...
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...