Adding anchor tags in GrapeJS

Your software
My Mautic version is: 4.0.1
My PHP version is: 7.4.27
My Database type and version is:

Your problem
Can’t get anchor tags working in GrapeJS email builder.

Not sure if this is not the correct way of working or a bug within the email builder:

  1. add ID to the piece of content you want to link to in the email
    → tried this in 2 ways, both do not work, add id via link or add id via settings in the top rigth


  2. Add the anchor link to the table of content in the top of your email by clicking:
    link → link type: link to anchor in text → (No anchors available in the document)

What is the right way to get anchor tags working in GrapeJS?

Hi,
I think this describes the best:

Use links like:
<a href="#druckdaten">» Druckdaten richtig erstellen – Darauf müssen Sie achten</a>

Then Use the name and id (we use both to make sure its working in outlook and everywhere)
(This is linked to an img, but you can do with text too)

	`<mj-image padding="0px 0px 0px 0px" width="700px" src="https://domain.com/media/images/03-abt-tutorial-druckdaten-erstellung-1.jpg" padding-left="10px" padding-right="10px" name="druckdaten" id="druckdaten" href="https://domain.de/druckdaten-richtig-erstellen-darauf-muessen-sie-achten/#druck" align="left"/>`

2 Likes