<a href="https://flarum.org">Front-end Foundations</a>
<a href="https://hwupgrade.it">Front-end Foundations</a>
<p>i have some text that is not parsed, until he find an "a" attributes</p>
<p>this is my post on flarum bla blab alb alb abla bla bla blab lab lab albalb alb alb albalb abl abl balab  alb lablab lab lab lab bla bla abl bal abl bl ablblb lab lba </p>
body {
  margin: 0;
  padding: 2rem 1rem;
}

.link-preview {
  margin: auto;
  display: block;
  font-weight: normal;
  text-decoration: none;
  max-width: 500px;
}

.link-preview + .link-preview {
  margin-top: 1rem;
}
View Compiled
 microlink('a')
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.jsdelivr.net/npm/microlinkjs@latest/umd/microlink.min.js