Dead link about sdk HOT 7 CLOSED

Hey,

Sorry for the vague documentation. We are creating a new fresh documentation site.

About your problem, actually you need to do two steps:

1. Link the microlink JavaScript script in your index.html before close body tag:

<script type="text/javascript" src="//unpkg.com/microlinkjs@latest/umd/microlink.min.js"></script>

This will add window.microlink as a global object. Check if it exists!

2. After this script, declare a script specifing what HTML tags you want to see as microlink cards:

<script>
// Replace links after DOMContentLoaded
document.addEventListener('DOMContentLoaded', function (event) {
  microlink('a', { round: true })
})
</script>

from sdk.

Ok, the microlink JavaScript script can not be in the HEAD. Works fine inside the BODY.

Coming to the next problem, now ALL links have preview. I use Wordpress, so all HOME, MENU, THEME links are with 'preview'. Is there a way to just use preview on specific links?

from sdk.

You need to use a specific selector for that.

If you use a selector, like

microlink('a', { round: true })

yeah, all links will be showed as card.

The approach for just select a set of selector is use a specific class name:

microlink('.link-preview', { round: true })

Then, add link-preview class into your a elements to show them as cards.

PS: Please, continue commenting. I need to debug the user board process and all of this feedback help us build better documentation site 🙏

from sdk.

Also on a sidenote @4044ever, we're working on a WP integration. So essentially you'd be able to include Microlink easily, and convert links to cards with simple [shortcodes /].

from sdk.

Here is what I tried now, and looks like it works perfectly:

<script type="text/javascript" src="//unpkg.com/microlinkjs@latest/umd/microlink.min.js"></script>

<script>
// Replace links after DOMContentLoaded
document.addEventListener('DOMContentLoaded', function (event) {
microlink('.mcl', { round: true })
})
</script>

<a class="mcl" href='https://nike.com'>NIKE</a>

Thanks for your help!

I saw the work on WP, but have to admit I found this method here beautifully liteweight.

Last (OT) question: What happens when the free link limit is exhausted? Just normal links are shown? Or some sort of error?

from sdk.

@4044ever

If you exceeded the daily quota, simply the links looks all time loading; also the dev tools console will be output an error saying you need to upgrade

from sdk.

new documentation site is live at http://docs.microlink.io 🎉

from sdk.