question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

hyper link not working.

See original GitHub issue

Its works fine and convert html to pdf perfectly but Im unable to click the link I tried button which also not working the conversion of the pdf. Any solution?

const options = {
        html: `<a href="https://anylink.com" >Click me</a>`,
        fileName: "filename"
      };
    
      let file = await RNHTMLtoPDF.convert(options)

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:3
  • Comments:5

github_iconTop GitHub Comments

1reaction
mihaitreispecommented, Aug 10, 2022

Awesome @yutasuzuki . It worked

1reaction
yutasuzukicommented, Aug 10, 2022

@mihaitreispe I had a same problem and I tried two.

1. How to write anchor tags

It seems to be checking the href of the anchor tag and the URL of the child text.

<!-- OK -->
<a href="https://example.com">https://example.com</a>
<a href="">https://example.com</a>

<!-- NG -->
<a>https://example.com</a>
<a href="https://example.com">LINK</a>

<!-- Open https://example.com -->
<a href="https://foo.com">https://example.com</a>

2. WebFont

In some cases, characters are garbled when Web Font is used.

My solution

Please adjust the size, etc.

<style>
    .link {
      position: relative;
    }
    .text {
      font-size: 14px;
      color: blue;
      text-decoration: underline;
    }
    .anchor {
      position: absolute;
      top: 0;
      display: block;
      width: 100px;
      height: 20px;
      line-height: 4em;
      font-size: 3px;
      overflow: hidden;
      color: rgba(0, 0, 0, 0);
    }
</style>
<div class="link">
  <a class="anchor" href="">https://example.com</a>
  <span class="text">LINK</span>
</div>

I hope this helps you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Hyperlinks are not working - Outlook - Microsoft Learn
Start Internet Explorer. · On the Tools menu, select Internet Options. · Select Advanced > Reset. · Select Programs > Set programs. ·...
Read more >
I Can't Get My Hyperlink to Work - Small Business - Chron.com
If the hyperlink doesn't work correctly, troubleshoot the problem by checking the link address, link format and program settings.
Read more >
Common Hyperlink Problems - Suzanne S. Barnhill - Home
Hyperlinks aren't clickable. If a hyperlink, despite looking like a hyperlink, doesn't do anything when you click on it, there are three possible...
Read more >
Hyperlink Not Working In Word? Try These Fixes
If you are using an outdated Word app, it could cause hyperlinks not to work properly. Therefore, update the app to resolve such...
Read more >
Hyperlinks not working in Outlook? How to make links open ...
The main reason of hyperlinks not working in Outlook is the default Internet browser not registered (properly) in your operating system.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found