How to add link on an image?
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.
Read full answer below βQuestion
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 achieve this?
Thanks!
Answers (3)
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.
Hi @simplecommerce ! cheers!
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 keeping the styles. The example code I pasted does exactly t...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3111
Question: How to trigger something (function) on adding asset?
Hi, @artf. What is the correct way to trigger a function when an asset is added to the assets by providing the link and then pressing the '...
Issue #6646
Javascript error when I want to add padding
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome & Firefox Reproducible demo link De...
Issue #2742
[QUESTION] How to prevent unique ids generation?
Hi! Thanks for your work @artf. This is a simplified code of how I use grapesjs, I want to save the styles and then want to apply them agai...
Issue #4082
Remove some initial styles from frame canvas
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v96 Reproducible demo link No demo...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βBrowse Plugin Categories
Jump directly to plugin category pages on the marketplace.